javascript - 触发的滚动事件没有 e.pageX 和 e.pageY

Question

$(document).scroll(function (e) {
    log("event:" + e.pageY + " - " + e.type);
});

e.pageY 是未定义，e.type 是 scroll

我需要从e获取鼠标坐标。但e.pageX和e.pageY是未定义。

scroll不支持吗？

Answer 1

滚动事件不是鼠标事件。

您可以尝试使用 mousewheel 事件(在 mozilla 中为 DOMMouseScroll):

$(document).on('mousewheel', function (e) {
    console.log(e.originalEvent.pageX, e.originalEvent.pageY);
});

如果您确实需要在 scroll 事件监听器中使用它，您可以这样做:

var mouse;
$(document).on('mousemove', function (e) {
    // cache mouse position
    mouse = {
        x: e.originalEvent.pageX,
        y: e.originalEvent.pageY
    };
});

$(document).scroll(function (e) {
    // read from cache
    console.log(mouse);
});