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);
    });
})

pageX和pageY不工作但偏移确实如此

1 个答案: