Question

基本上，我有一个我需要可拖动的DIV。 DIV包含一些像按钮和TEXTAREA之类的东西来添加注释。

一切都非常好，并且正如预期的那样。但是在Firefox中，当拖动工作和DIV可以移动时，它会在尝试选择textarea中的文本时开始拖动。实际上，TEXTAREA上根本没有单击事件，光标无法重新定位。其他输入元素（如按钮和下拉列表）都可以正常工作并且可以单击，并且不会开始拖动。

我根本没有在Chrome中遇到此问题。

我有一个小提琴，虽然只是一些伪造的代码，但在这里显示了问题：http://jsfiddle.net/JAZ013/xutfeL9a/

HTML：

<div id="dragObj" draggable="true">
    <div>Header</div>
    <div><textarea>Some text to select</textarea>
</div>

JS：

$(document).ready(function(){
    $('#dragObj').on('dragstart', function(event){
        event.originalEvent.dataTransfer.setData('text/html', '');
    });
});

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

我可以做些什么来解决这个问题吗？

firefox中的可拖动DIV：无法选择子TEXTAREA文本

0 个答案: