Question

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

textarea的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可拖动来使textarea可拖动，并使文本区域可调整大小如下：

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

唯一的问题是我无法通过正常的左键单击将文本输入到textarea。在textarea中输入文本的唯一方法是右键单击（右键单击我禁用上下文菜单）。任何人都可以解释为什么会这样吗？如何使用正常的左键单击启用文本输入？

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

谢谢，单

Answer 1

左侧点击被可拖动插件劫持。如果你定义一个拖动手柄，你应该没问题。

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

1 个答案: