1

jqueryを使用してドラッグ可能な要素にされる別のdivの子であるcontenteditable divがあります。

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

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

私が直面している問題は、テキストの選択などのデフォルトのマウス操作が無効になっていないことです。さらに、テキストを選択しようとすると、div全体がドラッグされます。私はこのようなことを試しました：

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

しかし、これはマウスのドラッグ操作を妨げるだけです。また、テキストの選択を妨げます。親でドラッグ可能を維持しながら、編集可能な子コンテンツですべてのコンテンツ編集マウス アクションを有効にするにはどうすればよいでしょうか?

4

1 に答える 1

6

次のようなことを試してください：

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

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

フィドル

于 2013-04-09T15:33:17.170 に答える