pageX属性和pageY没有工作，但不会抵消

Question

我有从JQuery的

与 pageX和 pageY问题

我打电话从我的HTML命名clickOnImage的方法，像这样：JQuery的

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

，然后通知我（如想）2个偏移值，但不是pageX和pageY值。 这是说undefined

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