拖动文本选择时发生了什么？

编程问答 2022-05-23

问题描述

当我在浏览器中的文本选择上按下并移动鼠标时，默认行为是拖动所选文本？它是如何工作的？

  1. 如果我想更改默认行为而不是阻止它，我可以在 document.getSelection() 或类似的东西上添加一个事件侦听器吗？

  2. 或者如果在文档上注册了一个事件监听器来处理它，浏览器如何检查 dragstart 事件的目标是选定的文本？

解决方法

存在一个 DOM ondrag 事件，您可以使用它来检测是否正在拖动文本或任何其他 HTML 元素。该事件在 w3schools 上进行了描述。但是您无法更改浏览器对所选文本的默认行为。

可拖动文本的示例：

<p draggable="true" ondrag="alert(event)">Drag me!</p>
drag-and-drophtmljavascripttextselection