e.pageX는 FireFox의 마우스 휠 이벤트 일 때 정의되지 않음

Question

마우스 휠 이벤트가 발생하면 마우스 위치를 얻으려고합니다.

여기가 바이올린입니다. https://jsfiddle.net/xta2ccdt/7/

$("#container").on("mousewheel DOMMouseScroll", function (e) { 
    e.preventDefault(); 
    console.log(e.pageX); 
    console.log(e); 
} 
); 

이것은 정의되지 않은 것으로 표시됩니다.
이 구현에는 어떤 문제가 있습니까?

Answer 1

대신 e.originalEvent.pageX에 액세스 해보십시오. 그러면 firefox에서도 제대로 작동하는 것처럼 보이는 바닐라 JS 이벤트에 액세스하게됩니다.

jquery v2 버그처럼 보입니다. 귀하의 바이올린에서 jquery 버전을 jquery 3으로 업데이트 한 후에도 e.pageX과 함께 작동합니다.

https://jsfiddle.net/xta2ccdt/8/