javascript禁用文本选择但允许拖动答案

【问题标题】：javascript disable text selection but allow draggingjavascript禁用文本选择但允许拖动
【发布时间】：2015-07-30 08:06:35
【问题描述】：

我现在正在解决这个问题一段时间，我的所有搜索都导致在我的 onmousedown 侦听器中使用 preventDefault() （以防止文本选择），但是当我这样做时，它也禁用了我的拖动（不能拖动元素，即使它们具有 draggable="true" 属性）。

允许拖动元素的最佳方法是什么（使用属性 draggable="true"），并且当拖动它们并将鼠标悬停在某些文本（p、h1、h2...）上时，可以防止文本背景形式出现蓝色（你知道 - 单击和标记文本时的默认值）

谢谢。吉姆。

【问题讨论】：

【解决方案1】：

最终解决我的问题的事情非常简单，并且在 CSS 中，

你可以看到答案here

【讨论】：

【解决方案2】：

找到了解决办法。

只需将onmousedown="mouseDown()" 添加到您的元素和此方法：

function mouseDown() {
   window.getSelection().removeAllRanges();
}

这将取消选择所有先前的选择，仅突出显示当前被拖动的元素。

【讨论】：