Question

我从网上获得了这段代码：

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

<script>
var draggableDiv = $('#draggable').draggable();

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

代码：http://jsfiddle.net/cSMYG/1/

如何在单击并按住文本字段上的光标时更改默认事件，然后在按住时将鼠标悬停在文本字段之外，是否会使文本字段不为灰色？我知道是什么导致了它，但我无法解决问题。

Answer 1

您需要在祖先元素上附加mouseup事件处理程序。例如：

$(document).mouseup(function(ev) {
     draggableDiv.draggable('enable');
});

<强> jsFiddle

您可能还想跟踪它是否在变量中被禁用，然后在每个mouseup事件上启用它之前检查它：

var isDraggableEnabled = ...

jQuery draggable选项禁用布局

1 个答案: