使用jQuery获取目标元素上的点击坐标,可以通过监听click
事件并获取event
对象中的pageX
和pageY
属性。
示例代码如下:
$(document).ready(function() {
$('selector').click(function(event) {
var xCoordinate = event.pageX;
var yCoordinate = event.pageY;
console.log('点击坐标:(' + xCoordinate + ', ' + yCoordinate + ')');
});
});
其中,selector
为目标元素的选择器,可以根据实际情况进行替换。
在这个示例中,我们首先使用$(document).ready()
方法等待文档加载完成,然后使用$('selector')
选择目标元素,并使用click()
方法监听该元素的点击事件。在点击事件的回调函数中,我们通过event.pageX
和event.pageY
获取到鼠标点击的坐标,并将其打印到控制台中。
推荐的腾讯云相关产品:腾讯云对象存储(COS)、腾讯云CDN、腾讯云SSL证书、腾讯云负载均衡、腾讯云云服务器。
产品介绍链接地址:腾讯云对象存储(COS)、腾讯云CDN、腾讯云SSL证书、腾讯云负载均衡、腾讯云云服务器。
领取专属 10元无门槛券
手把手带您无忧上云