本文介绍了JavaScript中点击事件的常用坐标属性，包括pageX/pageY（相对于页面的坐标）、clientX/clientY（相对于浏览器窗口客户区的坐标）和offsetX/offsetY（相对于事件源元素的坐标）。通过示例代码展示了如何获取这些坐标值，帮助开发者实现基于点击位置的交互功能。
点击事件是Web开发中常用的交互方式之一，通过监听用户的点击操作，我们可以获取到相关的事件对象，其中包含了一些常用的坐标属性。本文将介绍几个常用的点击事件对象的坐标属性，并提供相应的JavaScript源代码示例。
- pageX 和 pageY
pageX 和 pageY 属性表示鼠标点击事件发生时相对于整个页面的水平和垂直坐标位置。这些坐标值是相对于文档的左上角的，即页面的左上角为坐标原点。
下面是一个示例代码，演示如何使用 pageX 和 pageY 属性获取点击事件的坐标位置：
document.addEventListener('click', function(event) 
订阅专栏 解锁全文
扫一扫
5538
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
