在jQuery中拖动孩子时如何触发父拖动事件？

Question

我在使用textarea元素时遇到麻烦。 我正在动态创建一个div（父级），然后将与父级大小相同的textarea元素追加到该parent-div中。 当用户尝试拖动文本区域时，我想拖动父级文本（包含文本区域）。 我尝试了handle选项，但似乎不适用于textarea元素。

基本上这就是我所拥有的（除了它是动态创建的）：

<div class="floatingPanel"> 
    <textarea class="dragger">
        Drag from here
    </textarea>
</div>

$(document).ready(function() {
    $('.floatingPanel').draggable({
        handle: '.dragger'
    });
});

我发现了一个与我的问题非常相似的jsFiddle 。 我为textarea元素修改了它。

有趣的是，将textarea更改为div时，它可以工作。 我究竟做错了什么？

Answer 1

这个人在这里可以解决您的问题。 https://stackoverflow.com/a/18819346

您不能将文本区域用作可拖动区域，因为它受到限制。 在jQuery API中 ，请注意，“它可防止在"input,textarea,button,select,option"元素上开始拖动。 '。 话虽如此，如果有一种方法可以修改此功能，那么我将不知道。