在内容可编辑的 div 中选择文本，这是 jquery 可拖动的答案

【问题标题】：Select text in Content editable div which is jquery draggable在内容可编辑的 div 中选择文本，这是 jquery 可拖动的
【发布时间】：2013-04-09 23:42:50
【问题描述】：

我有一个 contenteditable div，它是另一个 div 的子元素，它使用 jquery 制成可拖动元素。

<div id="draggable">
  <div id = "editable" contenteditable="true"/>
</div>

$('#draggable').draggable({revert:true});

我面临的问题是没有禁用任何默认鼠标操作，例如选择文本等。此外，如果我尝试选择一些文本，它只会拖动整个 div。我试过这样的事情：

$('#editable').mousemove(function(event){
  event.stopPropogation();
})

但这只是防止任何鼠标拖动动作。它还可以防止文本选择。我们如何才能使子内容的所有内容编辑鼠标操作都可编辑，同时保持父内容的可拖动？

【问题讨论】：

标签： javascript jquery html jquery-draggable

【解决方案1】：

试试这样的：

var draggableDiv = $('#draggable').draggable();

$('#editable', draggableDiv).mousedown(function(ev) {
     draggableDiv.draggable('disable');
}).mouseup(function(ev) {
     draggableDiv.draggable('enable');
});

Fiddle

【讨论】：