【js】实现 鼠标按下并未松开 事件
时间: 2023-07-12 09:05:37 浏览: 42
您可以使用 `mousedown` 和 `mousemove` 事件来实现鼠标按下并未松开的事件,具体步骤如下:
1. 给需要绑定事件的元素添加 `mousedown` 事件监听器。
2. 在 `mousedown` 事件处理函数中,设置一个变量表示鼠标是否已经按下。
3. 给 `document` 对象添加 `mousemove` 事件监听器。
4. 在 `mousemove` 事件处理函数中,判断鼠标是否已经按下,如果是则执行相应的操作。
5. 给 `document` 对象添加 `mouseup` 事件监听器。
6. 在 `mouseup` 事件处理函数中,设置变量表示鼠标已经松开。
以下是示例代码:
```javascript
let isMouseDown = false; // 是否已经按下鼠标
document.addEventListener('mousedown', function() {
isMouseDown = true; // 设置为按下状态
});
document.addEventListener('mousemove', function(event) {
if (isMouseDown) {
// 执行相应操作
console.log('鼠标移动中...');
}
});
document.addEventListener('mouseup', function() {
isMouseDown = false; // 设置为松开状态
});
```
这样,当鼠标按下并移动时,就会执行相应操作,直到鼠标松开为止。