如何获得图片坐标
在前端开发中，获得图片坐标是一项非常重要的任务。在jQuery中，我们可使用一些方法来快速获得图片的坐标信息。
鼠标点击获得坐标
我们可以通过监听鼠标在图片上的点击事件来获得坐标信息。具体地，我们可以在图片上绑定一个click事件，然后在事件处理程序中获得鼠标的坐标信息。
- 首先，我们需要为图片绑定click事件：
- 然后，在事件处理程序中，我们可以通过event对象的pageX和pageY属性来获得鼠标的坐标信息：
- 最后，我们可以将获得到的坐标信息用alert方法输出：
$('img').on('click',function(e){});varx=e.pageX-this.offsetLeft;vary=e.pageY-this.offsetTop;alert('x坐标：'+x+'
'+'y坐标：'+y);鼠标移动获得坐标
除鼠标点击事件外，我们还可以通过监听鼠标在图片上的移动事件来实时获得坐标信息。具体操作同上，我们只需要将click事件改成mousemove事件，并在事件处理程序中实时更新坐标信息便可。
- 首先，我们需要为图片绑定mousemove事件：
- 然后，在事件处理程序中，我们可以通过event对象的pageX和pageY属性来获得鼠标的坐标信息：
- 最后，我们可以将获得到的坐标信息用console.log方法输出：
$('img').on('mousemove',function(e){});varx=e.pageX-this.offsetLeft;vary=e.pageY-this.offsetTop;console.log('x坐标：'+x+'
'+'y坐标：'+y);结语
以上就是使用jQuery获得图片坐标的方法。不管是鼠标点击或者鼠标移动，我们都可以通过简单的代码实现快速获得坐标信息，方便我们在开发中进行各种操作。
桂&哥&网&络www.guIgEge.cn
