Event listener | add & removeEventListener

👉 Xem Lộ Trình Học: fullstack.edu.vn/learning-paths
👉 Đăng Ký Học Offline Tại F8: short.f8team.dev/dang-ky-hoc-...
Trong video này mình sẽ giới thiệu tới các bạn khái niệm event listener | add & removeEventListener
Event listener là phương pháp thêm listener cho các sự kiện xảy ra trong DOM. Hoặc chúng ta có thể gỡ bỏ listener mà chúng ta đã thêm vào qua 2 phương thức: addEventListener và removeEventListener.
#hoclaptrinh #hoclaptrinhmienphi #javascript #frontend #backend #devops #f8
----
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: s.net.vn/D8kL
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu.vn/courses/less...
Xây dựng giao diện với HTML, CSS: fullstack.edu.vn/courses/html...
Xây dựng web responsive: fullstack.edu.vn/courses/resp...
Lập trình Javascript cơ bản: fullstack.edu.vn/courses/java...
Lập trình Javascript nâng cao: fullstack.edu.vn/courses/java...
Làm việc với Terminal & Ubuntu: fullstack.edu.vn/courses/wind...
Xây Dựng Website với ReactJS: fullstack.edu.vn/courses/reactjs
Xây dựng web với Node & Express: fullstack.edu.vn/courses/nodejs
HTML, CSS tips: fullstack.edu.vn/courses/html...
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu.vn/courses/tool...
Xem thêm tại: fullstack.edu.vn/courses
-------------------------------------
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: / sondnf8
Nhóm Học Lập Trình Web: / f8official
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.

Пікірлер: 27

  • @phapnguyen155
    @phapnguyen1553 жыл бұрын

    Cái này ok nè, bổ sung vô phần handle validate là tuyệt vời 💯❤❤❤❤

  • @inhxuanhanh3978
    @inhxuanhanh39782 жыл бұрын

    Dạy free mà chi tiết dễ hiểu quá a, cảm ơn a nhiều

  • @xb_mathsonghanhcungcon2126
    @xb_mathsonghanhcungcon21262 жыл бұрын

    Cảm ơn anh Sơn Đặng rất nhiều!

  • @matis4779
    @matis47793 жыл бұрын

    Hay quá anh ơi 👩‍❤️‍💋‍👩

  • @dungbkhn02
    @dungbkhn02 Жыл бұрын

    Rất hay F8!

  • @hoacat8519
    @hoacat85193 жыл бұрын

    anh giang de hieu qua

  • @holicneko1668
    @holicneko16683 жыл бұрын

    cho em hỏi get cái element lưu vào biến . là lấy cái element đó làm giá trị của 1 biến ?

  • @daisynguyen307
    @daisynguyen3073 жыл бұрын

    Cảm ơn anh.

  • @vinhnguyenphu9725
    @vinhnguyenphu97253 жыл бұрын

    Chào ban mình có xử lý sự kiện khi người dùng vô tình thoát hoặc là F5, nhưng khi mình nhấn cập nhật dữ liệu (submit form) tuy đã removeEventListener nhưng vẫn bị cảnh báo, bạn giúp mình với nhé. Cảm ơn bạn //Xử lý trường hợp người dùng vô tình thoát function chkChange() { window.addEventListener('beforeunload', setConfirmation); } function setConfirmation(event) { event.preventDefault(); event.returnValue = ''; } function saveChkChange() { window.removeEventListener('beforeunload', setConfirmation); }

  • @thanhattran8101
    @thanhattran8101 Жыл бұрын

    đang dạy hình vô tình thấy bug :))) 1 công đôi việc là có thật... Nhưng dù sao thì anh dạy rất hay, em coi hết khóa học nhưng vẫn xem lại mà vẫn thấy hay

  • @thayongnoi950
    @thayongnoi95010 ай бұрын

    anh ơi 15:45 anh add cái unload xong rồi anh coa remove cái load đag có ko anh

  • @bo_68
    @bo_682 жыл бұрын

    các bác cho e hỏi làm sao mà khi F5 lại trang mà nó vẫn hiện cái modal box lên giống như trong video nhỉ

  • @RinkaMizuki

    @RinkaMizuki

    Жыл бұрын

    15:00 a Sơn có nói ý tưởng

  • @trongtruong12
    @trongtruong123 жыл бұрын

    Cả nhà cho em hỏi tí là khi mình chạy đoạn mã Javascript dưới thì nó lại báo lỗi "Cannot read property 'addEventListener' of null". Cho em cách khắc phục với ạ. const buttonRandom = document.getElementById("button-random"); const colors = [ '#00aefd', '#ffa400', '#07a787', '#ff7870', 'black', 'pink', 'yellow', '#e74c3c', '#2979ff' ]; const randomColor = colors[Math.floor(Math.random() * colors.length)]; buttonRandom.addEventListener('click', function (e) { document.body.style.backgroundColor = "randomColor"; });l

  • @nosense7859

    @nosense7859

    3 жыл бұрын

    lỗi ở buttonRandom đó ạ >

  • @nosense7859

    @nosense7859

    3 жыл бұрын

    buttonRandom = null nên nó không nhận được thuộc tính ở đằng sau

  • @trongtruong112

    @trongtruong112

    3 жыл бұрын

    @@nosense7859 mình tìm ra được lỗi rồi. Do đặt file JS ở thẻ head, mình đã đặt lại ở sau thẻ body và đã fix lỗi

  • @trongtruong112

    @trongtruong112

    3 жыл бұрын

    @@nosense7859 cảm ơn bạn nhiều

  • @KhangNguyen-kq2iw
    @KhangNguyen-kq2iw3 жыл бұрын

    10:50 cao nhân nào giải thích giúp em tại sao viec1 khai báo ở trên là function nhưng trong addvenlistener lại k có dấu viec1() đc k ạ

  • @kyxaoweb3997

    @kyxaoweb3997

    3 жыл бұрын

    callback là không có nhé

  • @sonlengoc948

    @sonlengoc948

    2 жыл бұрын

    @@kyxaoweb3997 sai rồi, funtion không có đối số thì truyền vào như 1 biến cũng dc, còn trong trường hợp có đối số thì phải có (thamso) nha

  • @sonlengoc948

    @sonlengoc948

    2 жыл бұрын

    @@kyxaoweb3997 tại vì callback vẫn có thamso bình thường, callback cũng là 1 function thui mà

  • @coconut1465
    @coconut14653 жыл бұрын

    Cho em hỏi function (e) là gì thế ạ

  • @nosense7859

    @nosense7859

    3 жыл бұрын

    fun có tham số là mouse event >

  • @coconut1465

    @coconut1465

    3 жыл бұрын

    @@nosense7859😂 sự kiện mouse là gì bạn

  • @nosense7859

    @nosense7859

    3 жыл бұрын

    @@coconut1465 hong, event mouse là sự kiện tạo ra bởi con chuột á, như là click chuột, clicck đúp cuột, click chuột phải ó :3 con chuột ở tay phải chứ hong phải con 4 chân nhóooo

  • @emvoinamdinh

    @emvoinamdinh

    3 жыл бұрын

    @@nosense7859 haha

Келесі