Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript pageX和pageY不起作用,但偏移量起作用_Javascript_Jquery - Fatal编程技术网

Javascript pageX和pageY不起作用,但偏移量起作用

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

我对JQuery的
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);
    });
})