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