javascript - pageX 和 pageY 不起作用，但 offset 起作用

Question

我在使用 JQuery 的 pageX 和 pageY 时遇到问题

我确实从我的 html 中调用了一个名为 clickOnImage 的方法，如下所示:

<img id="irrelevant" src="beispielbild1.png" onClick="clickOnImage(this);"/>

然后 JQuery 会(根据需要)提醒我 2 个偏移值，但不会提醒我 pageX 和 pageY 值。它说未定义

function clickOnImage(img) {
    var offsetTop = $(img).offset().top;
    var offsetLeft = $(img).offset().left;
    var positionTop = $(img).pageX;
    var positionLeft = $(img).pageY;
    alert(offsetTop);
    alert(offsetLeft);
    alert(positionTop);
    alert(positionLeft);
}

我在这里遗漏了什么吗？

Answer 1

pageX 和 pageY 不是 jQuery 中的方法，它们是事件对象的属性。你可以这样做:

$(function() {
    $("#irrelevant").on("click", function(e) {
      var offsetTop = $(this).offset().top;
      var offsetLeft = $(this).offset().left;
      var positionTop = e.pageX;
      var positionLeft = e.pageY;
      alert(offsetTop);
      alert(offsetLeft);
      alert(positionTop);
      alert(positionLeft);
    });
})