Bạn đang xem : trình xử lý sự kiện javascript ngừng truyền bá

Tôi có một trình xử lý được đính kèm để thay đổi kích thước sự kiện trên đối tượng window . Tìm hiểu sâu hơn về mã của mình, tôi có một số trường input .

Để tránh một số sự cố trên thiết bị Android, tôi muốn ngăn chặn kích hoạt trình nghe thay đổi kích thước khi trường nhập được đặt tiêu điểm (thiết bị Android thay đổi kích thước cửa sổ trình duyệt khi mở bàn phím, không giống như IOS). < / p>

main.js

  window.addEventListener (‘thay đổi kích thước’, () = & gt; {
  // Một số thứ ở đây
});
 

someFile.js

  field.addEventListener (‘input’, () = & gt; {
  // Ở đây tôi chỉ muốn vô hiệu hóa sự kiện thay đổi kích thước một lần
});
 

Cho đến nay, tôi đã thực hiện các giải pháp sau mà không thành công:

removeEventListener ()

Không phù hợp chút nào, vì tôi cần chỉ định một tham chiếu đến hàm lắng nghe. Tôi không chỉ phải xóa từng người nghe một, mà tôi còn phải liệt kê tất cả và liên kết lại sau đó.

event.stopPropagation ()

someFile.js

  field.addEventListener (‘focusin’, () = & gt; {
  window.addEventListener (‘thay đổi kích thước’, event = & gt; {
    event.stopPropagation ();
    // cũng đã thử event.stopIm InstantPropagation ()
  });
});
 

Nhưng vì các trình nghe được gọi theo thứ tự đã khai báo nên nó không ngăn cản bất kỳ điều gì (nó được khai báo sau cùng). Ngoài ra, tôi phải đóng lại mọi thứ trên focusout .

Điều tôi muốn

Xem Thêm  CASE (Transact-SQL) - Máy chủ SQL - trường hợp sql khi đó

Tôi biết một số thủ thuật sử dụng các biến toàn cục có thể đạt được những gì tôi muốn, nhưng chúng hơi xấu, chưa kể tôi cố gắng tránh các biến toàn cục nhiều nhất có thể .

Có cách nào hay ho để gọi hàm stopPropagation () like sớm trên tất cả các trình nghe thay đổi kích thước và ngăn chúng kích hoạt từ hàm sâu bên trong mã không?

Hay có kiến ​​trúc tốt hơn , chẳng hạn như một hàm toàn cục có thể kích hoạt khi bất kỳ phần tử đầu vào nào trên trang được lấy tiêu điểm và ngăn sự kiện thay đổi kích thước bất kể phần tử được tiêu điểm là gì?


Xem thêm những thông tin liên quan đến chủ đề trình nghe sự kiện javascript ngừng truyền bá

JavaScript Tutorial – Stopping Propagation with Event.stopPropagation()

  • Tác giả: dcode
  • Ngày đăng: 2018-10-18
  • Đánh giá: 4 ⭐ ( 1695 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: You can use the Event.stopPropagation() method in JavaScript to stop further propagation of events in the bubbling or capturing phases. Basically, it stops following events from firing off.

    In this video we take a look at how to use this method, with a visual example of it in action.

    Support me on Patreon:
    https://www.patreon.com/dcode – with enough funding I plan to develop a website of some sort with a new developer experience!

    For your reference, check this out:
    https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

    Follow me on Twitter @dcode!

    If this video helped you out and you’d like to see more, make sure to leave a like and subscribe to dcode!
Xem Thêm  So sánh JavaScript và toán tử logic - bằng hoặc lớn hơn javascript

Sự kiện (events) trong JavaScript

  • Tác giả: ngocminhtran.com
  • Đánh giá: 3 ⭐ ( 3200 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sự kiện HTML (HTML events) Sự kiện HTML là những thứ xảy ra do trình duyệt hay do người dùng. Nếu JavaScript được dùng trong trang thì các đoạn mã JavaScript sẽ thực hiện trên các sự kiện này. Một vài ví dụ về các sự kiện HTML: – Một trang web đã hoàn thành…

Lan truyền sự kiện trong JavaScript

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 5 ⭐ ( 1342 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn tự học JavaScript này, bạn sẽ tìm hiểu về lan truyền sự kiện trong cây DOM trong JavaScript.   1. Lan truyền sự kiện là gì?   Lan truyền sự kiện (Event Propagation) là một cơ chế xác định cách các sự

Laravel: Sự kiện (Events)

  • Tác giả: v1study.com
  • Đánh giá: 5 ⭐ ( 3929 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Sự kiện trong Dom – JavaScript

  • Tác giả: xuanthulab.net
  • Đánh giá: 5 ⭐ ( 9247 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các sự kiện trong JavaScript, bắt sự kiện trong HTML DOM, tạo các listener lắng nghe bắt các sự kiện như khi click, change, tạo ra sự kiện tùy biến và kích hoạt phát đi một sự kiện

JavaScript – Sự kiện

  • Tác giả: hocmagentohayhieuqua.blogspot.com
  • Đánh giá: 3 ⭐ ( 6798 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Các sự kiện (Event) trong Javascript

  • Tác giả: freetuts.net
  • Đánh giá: 4 ⭐ ( 3710 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các sự kiện trong javascript: Chúng ta có các sự kiện như click – ondbclick – onchange – onmouseover .. xem danh sách sự kiện event trong js tại đây
Xem Thêm  Kế thừa công khai, bảo vệ và riêng tư của C ++ - c ++ công cộng riêng tư được bảo vệ

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php