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

时间:2015-07-30 08:06:36

标签: javascript text drag-and-drop preventdefault

我现在正在解决这个问题一段时间,我的所有搜索都会在我的onmousedown监听器中使用preventDefault()(以防止文本选择),但是当我这样做时,它也会禁用我的拖动(可以' t拖动元素,即使它们具有draggable =" true"属性)。

允许拖动元素的最佳方法是什么(使用属性draggable =" true")以及拖动它们并将鼠标悬停在某些文本上(p,h1,h2 ...)阻止文本背景形式为蓝色(您知道 - 单击和标记文本时的默认值)

感谢。 吉姆。

2 个答案:

答案 0 :(得分:0)

最终解决我的问题的事情很简单,在CSS中,

您可以看到答案here

答案 1 :(得分:0)

找到了解决方案。

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

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

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