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是相对于整个页面的位置。

JS：获取鼠标点击位置

评论已关闭

推荐阅读