js mousemove

作者：°妮可罗宾发布日期:2026-03-03 浏览:63

// 示例代码：使用 mousemove 事件监听鼠标移动

// 获取页面中的一个元素，例如一个 div
const box = document.getElementById('box');

// 添加 mousemove 事件监听器
box.addEventListener('mousemove', function(event) {
    // event.clientX 和 event.clientY 分别表示鼠标的 X 和 Y 坐标
    console.log('Mouse X: ' + event.clientX + ', Mouse Y: ' + event.clientY);

    // 可以根据需要在此处添加更多逻辑，例如改变元素样式、位置等
});

/*
解释说明：
1. 首先通过 `document.getElementById` 获取页面中的一个元素（这里假设 ID 为 'box'）。
2. 使用 `addEventListener` 方法为该元素添加 `mousemove` 事件监听器。
3. 当鼠标在该元素上移动时，触发回调函数，并通过 `event.clientX` 和 `event.clientY` 获取鼠标的当前位置。
4. 在回调函数中可以根据需要执行其他操作，例如更新元素的样式或位置。
*/

上一篇：js include

下一篇：js parseint