javascript - 使用 Jquery 可拖动和调整大小的文本区域 - 无法使用左键单击输入文本

Question

我正在尝试使用 Jquery 使文本区域可拖动并可调整大小。我提到了 Stackoverflow 上提出的类似问题 Is a draggable and resizable textbox/textarea possible using jQuery? 。

文本区域的 HTML

    <div id="text1" style="margin-left:100px; width:190px; height:50px; ">
    <form>
    <textarea id='ta1' style="width:180px; height:15px" class='property'>Right click to enter      text</textarea>
</form>
</div>

我可以通过将文本区域关闭在 div 中并使 div 可拖动来使文本区域可拖动，并且使文本区域可调整大小，如下所示:

   $( "#ta1" ).resizable( { cancel: '' } );
     $( "#text1" ).draggable( { cancel: '' } );
     $('#ta1').focus(function() {
     $(this).text('');
     });

唯一的问题是我无法通过正常的左键单击在文本区域中输入文本。在文本区域中输入文本的唯一方法是右键单击(我禁用了右键单击的上下文菜单)。谁能解释为什么会这样？如何使用正常的左键单击启用文本输入？

我的代码位于 - http://jsbin.com/iboxoy/61/edit#javascript,html

谢谢，山

Answer 1

左键点击被可拖动插件劫持。如果您定义了一个用于拖动的 handle ，那么应该没问题。