js mouseevent

作者：原来是梦发布日期:2026-06-25 浏览:54

// 创建一个简单的鼠标事件监听器，当用户点击页面时触发

document.addEventListener('click', function(event) {
    // 输出点击位置的坐标
    console.log('鼠标点击位置：', event.clientX, event.clientY);

    // 输出触发事件的元素
    console.log('触发事件的元素：', event.target);
});

// 解释说明：
// 1. document.addEventListener('click', ...)：为整个文档添加一个点击事件监听器。
// 2. event.clientX 和 event.clientY：返回鼠标点击时相对于视口（viewport）的 X 和 Y 坐标。
// 3. event.target：返回触发事件的 DOM 元素。

上一篇：js onclick

下一篇：js onclick事件