jquery - JQUERY：如何使用 Jquery 在图像中定位光标的位置？

Question

如何使用 Jquery 在图像/照片中定位光标的位置（根是图像/照片的左上角）？

请帮忙！我不知道如何编写这段代码。

先感谢您！

Answer 1

LIVE DEMO

$('img').on('mousemove', function( ev ){

   var mPos= {
      X: ev.clientX-this.offsetLeft,
      Y: ev.clientY-this.offsetTop
   };

   console.log( mPos.X +" "+ mPos.Y );

});

如果您对mousemove使用不感兴趣，例如：click或您想要的其他活动。

---

使用 jQuery.on()方法，您可以注册一个event( ev) 并将其传递到您的函数中

function( ev ){

而不是创建一个object( var mPos) 并设置keys X，Y这将存储 mousemove 事件clientX并clientY减去元素的 offset位置。（JS 的this关键字引用img元素）。

比获取存储的对象值使用mPos.X或/和mPos.Y