window.onmousewheel en Firefox

Question

Este código deshabilitó la funcionalidad de desplazamiento del mouse, cuando hago clic en el documento.

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

pero, esto funciona en todos los navegadores excepto Firefox. dígale por favor, ¿cómo hacer este código como navegador cruzado?

Answer 1

Firefox no soporta .onmousewheel, usted tiene que utilizar el evento DOMMouseScroll lugar:

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

Answer 2

Firefox no soporta el nombre onmousewheel para este evento. Deberás hacerlo con el evento DOMMouseScroll en su lugar.

para detectar si onmousewheel es compatible, puede hacer algo como esto:

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

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

Tenga en cuenta que usted no necesita hacer esto en DOM listo: el documento estará siempre disponible para unirse a, por lo que puede hazlo de inmediato

---

Pregunta cómo eliminar el detector de eventos en cada caso. Un condicional similares hará el truco:

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

Answer 3

Se puede utilizar el (nuevo) wheel caso estandarizada. Docs:

• W3C standard: DOM Level 3 Events
• Mozilla Development Network
• Quirksmode compatibility chart (no enumera las versiones de última generación)

he encontrado que esto funciona en Firefox y Chrome v29.0.1 v35.0.1916. 114 en OSX (10.9.3), pero no en Safari v7.0.4.