获取当前鼠标位置

如何在鼠标移动或单击时获取当前鼠标位置


要获取鼠标的当前位置,需要将事件处理程序附加到任何鼠标操作。 在处理程序函数接收到的事件对象上获取鼠标的位置。


// event handler function
function handler(e) {
    e = e || window.event;

    var pageX = e.pageX;
    var pageY = e.pageY;

    // IE 8
    if (pageX === undefined) {
        pageX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
        pageY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }

    console.log(pageX, pageY);
}

// attach handler to the click event of the document
if (document.attachEvent) document.attachEvent('onclick', handler);
else document.addEventListener('click', handler);