我正在尝试使用 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
谢谢, 山
最佳答案
左键点击被可拖动插件劫持。如果您定义了一个用于拖动的 handle ,那么应该没问题。
关于javascript - 使用 Jquery 可拖动和调整大小的文本区域 - 无法使用左键单击输入文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8161517/