Javascript firefox中的可拖动DIV:无法选择子文本区域文本

Javascript firefox中的可拖动DIV:无法选择子文本区域文本,javascript,html,css,firefox,Javascript,Html,Css,Firefox,基本上,我有一个可以拖动的DIV。DIV包含一些东西,比如按钮和用于添加注释的文本区域 在Chrome中,一切都非常好,正如预期的那样。然而,在Firefox中,虽然拖动可以工作并且DIV可以四处移动,但当尝试在textarea中选择文本时,它会开始拖动。事实上,文本区域上根本没有点击事件,光标无法重新定位。其他输入元素(如按钮和液滴列表)都可以正常工作,并且可以单击,并且不会开始拖动 我在Chrome中根本没有这个问题 我有一把小提琴,虽然只是一些编造的代码,但它在这里显示了问题: HTML:

基本上,我有一个可以拖动的DIV。DIV包含一些东西,比如按钮和用于添加注释的文本区域

在Chrome中,一切都非常好,正如预期的那样。然而,在Firefox中,虽然拖动可以工作并且DIV可以四处移动,但当尝试在textarea中选择文本时,它会开始拖动。事实上,文本区域上根本没有点击事件,光标无法重新定位。其他输入元素(如按钮和液滴列表)都可以正常工作,并且可以单击,并且不会开始拖动

我在Chrome中根本没有这个问题

我有一把小提琴,虽然只是一些编造的代码,但它在这里显示了问题:

HTML:

运行它,您将看到在Firefox上,当draggable=“true”时无法选择textarea中的文本。从DIV中删除draggable=“true”,可以选择textarea中的文本,但拖动显然不再有效


我能做些什么来解决这个问题吗?

类似的:似乎是Firefox中的一个实现错误,谢谢。我将尝试实施那里建议的工作。但是伙计,Mozilla在这件事上大错特错了。
<div id="dragObj" draggable="true">
    <div>Header</div>
    <div><textarea>Some text to select</textarea>
</div>
$(document).ready(function(){
    $('#dragObj').on('dragstart', function(event){
        event.originalEvent.dataTransfer.setData('text/html', '');
    });
});