如何使div内容可编辑和可拖动 [英] How to make a div contenteditable and draggable

问题描述

<div contenteditable="true" id="d">
<span>Text to edit</span>
</div>

$("#d").draggable();

我只能拖动此div，但是如何编辑它(例如，在doubleclick editable属性上处于活动状态，而在单击拖动上处于活动状态)?

I can only drag this div but how can i edit it (like on doubleclick editable property become active and on click dragging become active)?

推荐答案

$("#d").draggable()
  .click(function() {
    $(this).draggable({ disabled: false });
}).dblclick(function() {
    $(this).draggable({ disabled: true });
});
​​

演示

这篇关于如何使div内容可编辑和可拖动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！