js mouseup

作者：浪推晚风发布日期:2026-02-28 浏览:9

// 示例代码：使用 mouseup 事件

// 获取 HTML 元素
const box = document.getElementById('box');

// 添加 mouseup 事件监听器
box.addEventListener('mouseup', function(event) {
    // 当鼠标按钮释放时触发
    console.log('Mouse button released at: ' + event.clientX + ', ' + event.clientY);
});

/* 解释说明：
1. 首先通过 `document.getElementById` 获取 HTML 页面中的元素，这里假设有一个 ID 为 'box' 的元素。
2. 使用 `addEventListener` 方法为该元素添加一个 `mouseup` 事件监听器。
3. 当用户在该元素上按下鼠标按钮并释放时，会触发 `mouseup` 事件，并执行回调函数中的代码。
4. 在回调函数中，可以通过 `event.clientX` 和 `event.clientY` 获取鼠标释放时的坐标位置，并输出到控制台。
*/

上一篇：js explode

下一篇：js mouseover