如何禁用 contenteditable div 内的文本拖动？ [复制]

Question

我目前正在开发一个内容可编辑的div。它目前具有允许您拖动文本的默认行为。

Chrome/Windows（目前我测试的唯一环境）。

如何禁用它？制作了一个简单的 sn-p 用于下面的测试：

#root {
  border: 1px solid silver;
  white-space: pre-wrap;
}

<p>Try selecting a piece of test and drag it around the editable area</p>
<div id="root" contenteditable>Hello World
This is a contenteditable
DIV!
</div>

Answer 1

如果您使用的是 jquery。试试这个。

$('#root').bind('dragover drop', function(event){
  event.preventDefault();
  return false;
});