拖动事件防止鼠标事件答案

【问题标题】：Drag event prevent mouse event拖动事件防止鼠标事件
【发布时间】：2023-03-31 20:51:02
【问题描述】：

当我选择文本并开始拖动选择时，不会触发诸如滚轮或 mousemove 之类的鼠标事件。如何在拖动时捕捉事件？

我创建了一个测试示例来检查这个问题，你可以在这里看到它： https://jsfiddle.net/prevolley/3q7xwa8p/4/

<p>dasdasdasdas</p>

document.addEventListener('wheel', (event) => {
  console.log('wheel', event.deltaY);
});
document.addEventListener('mousemove', (event) => {
  console.log('mousemove', event.pageX);
});

我想在拖动选定文本时捕捉鼠标事件。

我展示问题的图片：

【问题讨论】：

标签： javascript addeventlistener dom-events

【解决方案1】：

你可以使用事件drag:

document.addEventListener('drag', (event) => {
  console.log('drag', event.pageX);
});

Text

【讨论】：

我不想捕捉拖动事件。我想在拖动选定的文本时捕捉鼠标事件。