点击事件是Web开发中常用的交互方式之一,通过监听用户的点击操作,我们可以获取到相关的事件对象,其中包含了一些常用的坐标属性。本文将介绍几个常用的点击事件对象的坐标属性,并提供相应的JavaScript源代码示例。
- pageX 和 pageY
pageX 和 pageY 属性表示鼠标点击事件发生时相对于整个页面的水平和垂直坐标位置。这些坐标值是相对于文档的左上角的,即页面的左上角为坐标原点。
下面是一个示例代码,演示如何使用 pageX 和 pageY 属性获取点击事件的坐标位置:
document.addEventListener('click', function(event)