带有文本区域的可拖动 Div。阻力问题

Question

我有一个 div，里面有一个文本区域。主 div 是可拖动的并且工作正常，但我无法在单击其中的文本区域时拖动 div。即使我从div内的文本区域拖动它，有没有办法拖动div？

这是我如何使我的 div 可拖动

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

});

谢谢

Answer 1

这是因为可拖动的取消选项。默认值为':input,option'，这意味着从文本区域开始拖动将被取消。尝试使用该选项。

Answer 2

尝试添加以下样式：

div {
    padding-bottom:20px;
}

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

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

Answer 3

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

Answer 4

我知道这是一个非常古老的问题，但我认为最好回答我刚刚正在研究的确切问题（即而不是创建一个新问题）。答案是指 dioslaska 的解决方案，即通过在事件处理程序内的预期文本区域上添加一个额外的 .focus() 调用来清除取消属性（例如单击）。我在解决方案中使用了双击来区别于简单地移动对象。

用于选择：

目前看起来有一个错误（http://bugs.jqueryui.com/ticket/4986）。解决方法是，在事件处理程序中使用 destroy 禁用可拖动对象，并在模糊()（或其他禁用事件处理程序）函数中重新创建可拖动对象。