从javascript鼠标滚动事件中获取鼠标位置

Question

我正试图在mousescroll上获得鼠标位置。我也试图使其与所有浏览器兼容。到目前为止，我有以下javascript来监听鼠标滚动事件：

document.addEventListener('DOMMouseScroll', mouseScroll, false);
function mouseScroll(){
  alert( /* mouse position code here */ );
}

但是我不确定如何将事件传递给函数然后使用类似e.pageX的东西，而且我也不确定要使用什么事件属性。

Answer 1

试试这个： - http://jsfiddle.net/adiioo7/sFJ4r/

<强> JS： -

document.addEventListener('scroll', mouseScroll, false);

function mouseScroll(e) {
    console.log(window.scrollY);
}

除DOMMouseScroll之外的所有浏览器集都不支持

Firefox。 https://developer.mozilla.org/en-US/docs/DOM/DOM_event_reference/DOMMouseScroll

此外，如果您定位所有浏览器，则可以使用http://jsfiddle.net/adiioo7/sFJ4r/1/

window.onmousewheel=document.onmousewheel=mouseScroll;

if(document.addEventListener){
      document.addEventListener('DOMMouseScroll',mouseScroll,false);
 }

function mouseScroll(e) {
    console.log(e.pageY);
}

Answer 2

像这样：

document.addEventListener('DOMMouseScroll', mouseScroll, false);

function mouseScroll(e){

   // e.clientX or e.pageX is available here.

}