Javascript 在内容可编辑div中选择文本，该div是jquery可拖动的

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

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

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

但这只是防止任何鼠标拖动动作。它还阻止文本选择。

---

如何使子内容的所有内容编辑鼠标操作都处于可编辑状态，同时使父内容保持可拖动状态？

请尝试以下操作：

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

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

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

---

试试这样的方法：

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

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

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