Javascript pageX和pageY不起作用,但偏移量起作用
我对JQuery的Javascript pageX和pageY不起作用,但偏移量起作用,javascript,jquery,Javascript,Jquery,我对JQuery的pageX和pageY有问题 我确实从我的html调用了一个名为clickOnImage的方法,如下所示: <img id="irrelevant" src="beispielbild1.png" onClick="clickOnImage(this);"/> 我在这里遗漏了什么吗?pageX和pageY不是jQuery中的方法,它们是事件对象的属性。你可以做: $(function() { $("#irrelevant").on("click", fun
pageX
和pageY
有问题
我确实从我的html调用了一个名为clickOnImage
的方法,如下所示:
<img id="irrelevant" src="beispielbild1.png" onClick="clickOnImage(this);"/>
我在这里遗漏了什么吗?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不适用于元素,只适用于事件,请看不,我不能这样做,因为我有很多图像,具有不同的ID:/在html中,我允许修改的唯一内容是这一部分:onClick=“clickOnImage(this);”/>如果你不能更改脚本,那么你就走运了,因为img参数不能同时包含offset和pageX属性…我可以更改脚本,但不能更改htmlSo使用我的脚本?有什么问题吗?更改选择器部分以选择所需的图像。
$(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);
});
})