JS:获取鼠标点击位置
warning:
这篇文章距离上次修改已过430天,其中的内容可能已经有所变动。
在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是相对于整个页面的位置。
评论已关闭