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
Cái này ok nè, bổ sung vô phần handle validate là tuyệt vời 💯❤❤❤❤
Dạy free mà chi tiết dễ hiểu quá a, cảm ơn a nhiều
Cảm ơn anh Sơn Đặng rất nhiều!
Hay quá anh ơi 👩❤️💋👩
Rất hay F8!
anh giang de hieu qua
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 ?
Cảm ơn anh.
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); }
đ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
anh ơi 15:45 anh add cái unload xong rồi anh coa remove cái load đag có ko anh
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
Жыл бұрын
15:00 a Sơn có nói ý tưởng
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
3 жыл бұрын
lỗi ở buttonRandom đó ạ >
@nosense7859
3 жыл бұрын
buttonRandom = null nên nó không nhận được thuộc tính ở đằng sau
@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
3 жыл бұрын
@@nosense7859 cảm ơn bạn nhiều
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
3 жыл бұрын
callback là không có nhé
@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
2 жыл бұрын
@@kyxaoweb3997 tại vì callback vẫn có thamso bình thường, callback cũng là 1 function thui mà
Cho em hỏi function (e) là gì thế ạ
@nosense7859
3 жыл бұрын
fun có tham số là mouse event >
@coconut1465
3 жыл бұрын
@@nosense7859😂 sự kiện mouse là gì bạn
@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
3 жыл бұрын
@@nosense7859 haha