JavaScript 鼠标按住事件：实现原理和代码示例

JavaScript 中鼠标按住事件可以使用 'mousedown' 和 'mouseup' 事件来实现。

'mousedown' 事件会在鼠标按下时触发，可以通过 'event.button' 判断是否是左键按下。

'mouseup' 事件会在鼠标释放时触发，可以通过 'event.button' 判断是否是左键释放。

可以在 'mousedown' 事件中设置一个标记，表示鼠标正在按住，然后在 'mouseup' 事件中清除该标记。在需要的地方判断该标记是否为 'true'，即可实现鼠标按住事件。例如：

let isMouseDown = false;

document.addEventListener('mousedown', function(event) {
  if (event.button === 0) { // 判断是否是左键按下
    isMouseDown = true;
  }
});

document.addEventListener('mouseup', function(event) {
  if (event.button === 0) { // 判断是否是左键释放
    isMouseDown = false;
  }
});

document.addEventListener('mousemove', function(event) {
  if (isMouseDown) {
    // 鼠标按住时的操作
  }
});