如何在拖动子项时触发父拖动事件 - jquery javascript

时间:2014-03-17 21:37:57

标签: javascript jquery html drag-and-drop

所有这些都相当新:我遇到了textarea元素的问题。我正在动态创建一个div(父),然后追加到父div-textare>父元素大小相同的元素。当用户尝试拖动textarea时,我想拖动父(包含textarea)。我已经尝试了“句柄”选项,但这似乎不适用于textarea元素。任何帮助表示赞赏。

Bsically这就是我所拥有的(除了它是动态创建的):

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

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

});

我发现了一个与我的问题非常相似的小提琴。我修改了textarea元素,请看这里: fiddle to drag textarea within div

有趣的是,当textarea改为div时,它可以工作。我究竟做错了什么? 谢谢大家。

1 个答案:

答案 0 :(得分:0)

这家伙有解决方案。 https://stackoverflow.com/a/18819346

您不能将文本区域用作可拖动文件区域,因为它受到限制。在jQuery API中,我们注意到它会阻止在"input,textarea,button,select,option"元素上开始拖动。 &#39 ;.话虽如此,如果有办法修改此功能,那么我不知道它。