Tôi đang sử dụng búa để kéo và nó đang bị giật khi tải các thứ khác, vì thông báo cảnh báo này đang nói với tôi.
Việc xử lý sự kiện đầu vào 'touchstart' đã bị trì hoãn trong X ms do luồng chính đang bận. Xem xét việc đánh dấu trình xử lý sự kiện là 'thụ động' để làm cho trang phản hồi nhanh hơn.
Vì vậy, tôi đã cố gắng thêm 'thụ động' cho người nghe như vậy
Hammer(element[0]).on("touchstart", function(ev) {
// stuff
}, {
passive: true
});nhưng tôi vẫn nhận được cảnh báo này.
Câu trả lời:
Đối với những người nhận được cảnh báo này lần đầu tiên, đó là do một tính năng vượt trội có tên là Trình nghe sự kiện thụ động đã được triển khai trong các trình duyệt khá gần đây (mùa hè 2016). Từ https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md :
Trình lắng nghe sự kiện thụ động là một tính năng mới trong thông số DOM cho phép nhà phát triển chọn tham gia để có hiệu suất cuộn tốt hơn bằng cách loại bỏ nhu cầu cuộn để chặn người nghe sự kiện cảm ứng và bánh xe. Các nhà phát triển có thể chú thích người nghe cảm ứng và bánh xe với {passive: true} để cho biết rằng họ sẽ không bao giờ gọi ngăn chặn Default. Tính năng này được vận chuyển trong Chrome 51, Firefox 49 và hạ cánh trên WebKit. Đối với lời giải thích chính thức đầy đủ đọc thêm ở đây.
Xem thêm: Người nghe sự kiện thụ động là gì?
Nếu bạn đang xử lý các sự kiện một cách gián tiếp thông qua thư viện JavaScript, bạn có thể sẵn sàng hỗ trợ tính năng của thư viện cụ thể đó. Kể từ tháng 12 năm 2019, có vẻ như không có bất kỳ thư viện lớn nào đã triển khai hỗ trợ. Vài ví dụ:
preventDefault()- Có thể chặn cảnh báo này không?
Điều này ẩn thông điệp cảnh báo:
jQuery.event.special.touchstart =
{
setup: function( _, ns, handle )
{
if ( ns.includes("noPreventDefault") )
{
this.addEventListener("touchstart", handle, { passive: false });
}
else
{
this.addEventListener("touchstart", handle, { passive: true });
}
}
};preventDefault(), bạn nên chỉ định passive: false. Nếu không, chỉ định passive: true. Bạn chỉ nhận được cảnh báo nếu bạn không chỉ định. Nếu bạn chỉ định passive: truevà preventDefault()được gọi, nó sẽ dẫn đến lỗi và mặc định không được ngăn chặn. Chỉ định passivekhông phải là một hack ở đây. Đó là giải pháp . Đó là những gì cảnh báo yêu cầu!
Cũng gặp phải điều này trong plugin thả xuống select2 trong Laravel. Thay đổi giá trị theo đề xuất của Alfred Wallace từ
this.element.addEventListener(t, e, !1)đến
this.element.addEventListener(t, e, { passive: true} )giải quyết vấn đề Tại sao anh ta bỏ phiếu xuống, tôi không biết nhưng nó hiệu quả với tôi.
Đối với những người mắc kẹt với các vấn đề cũ, hãy tìm dòng ném lỗi và thêm {passive: true}- ví dụ:
this.element.addEventListener(t, e, !1)trở thành
this.element.addEventListener(t, e, { passive: true} )Tôi đã tìm thấy một giải pháp hoạt động trên jQuery 3.4.1 slim
Sau khi hủy bỏ, hãy thêm {passive: true}vào hàm addEventListener trên dòng 1567 như sau:
t.addEventListener(p, a, {passive: true}))
Không có gì phá vỡ và kiểm toán ngọn hải đăng không phàn nàn về người nghe.