window.onmousewheel trong Firefox

Question

Mã này đã tắt chức năng cuộn chuột khi tôi nhấp vào tài liệu.

$(document).on("click", function() { 
    window.onmousewheel = function (e) { 
     e.preventDefault(); 
    } 
}); 

nhưng, thao tác này ở tất cả các trình duyệt ngoại trừ Firefox. xin vui lòng cho biết, làm thế nào để làm cho mã này như là trình duyệt chéo?

Answer 1

Firefox không hỗ trợ .onmousewheel, bạn phải sử dụng sự kiện DOMMouseScroll thay vì:

$(document).on("mousewheel DOMMouseScroll", function(e){ 
    e.preventDefault(); 
}); 

Answer 2

Firefox không hỗ trợ tên onmousewheel cho sự kiện này. Thay vào đó, bạn cần phải thực hiện điều đó với sự kiện DOMMouseScroll.

Để phát hiện xem onmousewheel được hỗ trợ, bạn có thể làm một cái gì đó như thế này:

var cancelscroll = function(e) { 
    e.preventDefault(); 
}; 

if ("onmousewheel" in document) { 
    document.onmousewheel = cancelscroll; 
} else { 
    document.addEventListener('DOMMouseScroll', cancelscroll, false); 
} 

Lưu ý rằng bạn không cần phải làm điều này trên DOM đã sẵn sàng: tài liệu sẽ luôn luôn có sẵn để ràng buộc, vì vậy bạn có thể làm điều đó ngay lập tức.

---

Bạn hỏi cách xóa trình xử lý sự kiện trong từng trường hợp. Một điều kiện tương tự sẽ thực hiện thủ thuật:

if ("onmousewheel" in document) { 
    document.onmousewheel = function() {}; 
} else { 
    document.removeEventListener('DOMMouseScroll', cancelscroll, false); 
} 

Answer 3

Bạn có thể sử dụng sự kiện tiêu chuẩn (mới) wheel. Documents:

• W3C standard: DOM Level 3 Events
• Mozilla Development Network
• Quirksmode compatibility chart (không danh sách các phiên bản tiên tiến)

tôi đã tìm thấy công trình này trong Firefox v29.0.1 và v35.0.1916 Chrome. 114 trên OSX (10.9.3), nhưng không có trong Safari v7.0.4.