javascript - jQuery 中如何在拖动子级时触发父级拖动事件？

Question

我在使用 textarea 元素时遇到问题。我正在动态创建一个 div (父级)，然后将一个与父级大小相同的 textarea 元素附加到该父级 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" 元素开始拖动。 '。话虽如此，如果有办法修改此功能，那么我不知道。