Javascript 按钮可以'；当它为'时，不可编辑内容；它是拖拉的

我试图使一个按钮，它的内容可以编辑，同时按钮可以拖动。我也想使它的大小

这就是我所做的。到目前为止，该按钮是可拖动的，但其内容无法编辑。当我删除可拖动部分时，现在可以编辑内容

JS:

HTML:

编辑

JFiddle:

---

尝试延迟选项

鼠标向下移动到开始拖动之前的时间（毫秒）。此选项可用于在单击图元时防止不必要的拖动

我希望这对你有帮助

---

我似乎无法让它工作。它只是延迟了拖动，但我仍然无法编辑内容。这将是我的后续答案，但似乎没有work@Arun-一旦我在您的JSFIDLE中进入编辑模式，在Chrome中，我就无法单击文本中的其他地方进行编辑。光标似乎固定在一个点上。当然，我可以使用光标键在文本周围移动，但不能在该上下文中使用鼠标是不直观的。

$(function() {

        $('#bt1').on('click', function() {
            $(this).attr('contentEditable', true); 
        });
        $('#bt1').on('blur', function() {
            $(this).attr('contentEditable', false); 
        });
        $('#bt1').draggable({cancel:false});
    });

<button id='bt1'>edit</button>

$('#bt1').draggable({
    cancel:false,
    delay:300
});

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