可拖动的 <div>。与选择而战

Posted

技术标签:

【中文标题】可拖动的 <div>。与选择而战【英文标题】:Dragable <div>. Fight with selection 【发布时间】:2014-04-21 05:45:37 【问题描述】:

我自己开发了一个简单的js库来拖动&lt;div&gt;

当我拖动它时,我经常选择&lt;div&gt;下的文本。

http://jsfiddle.net/Sw7Ty/

显然这是我不希望发生的事情(文本选择)。

它发生在谷歌浏览器中。

(在 FireFox 中我有另一个问题,我将在其他线程中询问)

工作代码

工作代码:http://jsfiddle.net/6Kwd4/

【问题讨论】:

【参考方案1】:

您好,对您的 jsfiddle 进行一些快速测试:

所以我认为它是关于 e.preventDefault();在 mouseXXX 事件中。

【讨论】:

以上是关于可拖动的 <div>。与选择而战的主要内容,如果未能解决你的问题,请参考以下文章

基于可拖动元素滚动 div

JQuery 可拖动的 div

HTML5 用鼠标在可拖动的 div 上选择 <input> 中的文本

可水平拖动 / 可移动 <div>

如果将div的可拖动范围限定在指定元素内

可拖动的div