JS:获取鼠标点击位置
在JavaScript中,可以通过监听click
事件并使用事件对象(event object)来获取鼠标点击的位置。事件对象中的clientX
和clientY
属性可以提供鼠标在视口中的位置,而pageX
和pageY
属性可以提供鼠标在页面上的位置。
以下是一个示例代码,演示如何获取鼠标点击的位置:
document.addEventListener('click', function(event) {
var mouseX = event.clientX;
var mouseY = event.clientY;
var pageX = event.pageX;
var pageY = event.pageY;
console.log('鼠标在视口中的位置:X=' + mouseX + ', Y=' + mouseY);
console.log('鼠标在页面中的位置:X=' + pageX + ', Y=' + pageY);
});
在这个例子中,当用户点击页面时,会打印出鼠标的位置信息。clientX
和clientY
是相对于视口的位置,而pageX
和pageY
是相对于整个页面的位置。
评论已关闭