可拖动的Div，里面有textarea。拖动问题

Question

我有一个带有textarea的div。主div是可拖动的并且工作正常，但我无法在单击其中的textarea时拖动div。有没有办法拖动div，即使我从div中的textarea拖动它？

以下是我如何使我的div可拖动

$('.speech_bubble').draggable(
{
      containment: $('#dropHere')

});

谢谢

Answer 1

这是因为draggable的取消选项。默认值为'：input，option'，表示从textarea开始拖动将被取消。尝试使用该选项。

Answer 2

尝试添加以下样式：

div {
    padding-bottom:20px;
}

textarea {
    width:100%;
    height:100%
}

然后，当您拖动textarea标记的底部时，可以拖动div。

Answer 3

您可以尝试使用onmouseover事件在textarea上创建一个屏幕（Invisible div），然后通过双击事件检测用户是否想要编辑文本。

Answer 4

我知道这是一个非常古老的问题，但我认为最好回答我刚才所做的确切问题（即不要创建一个新问题）。答案是指dioslaska通过在事件处理程序内的目标textarea上添加一个额外的.focus（）调用来清除cancel属性的解决方案（比如说单击）。我在我的解决方案中使用双击来区分简单地移动我的对象。

供选择：

目前看起来有一个错误（http://bugs.jqueryui.com/ticket/4986）。对于变通方法，在事件处理程序中使用destroy禁用draggable，并在blur（）（或其他禁用事件处理程序）函数中重新创建draggable。