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

我正在尝试使用Jquery使textarea可拖动和调整大小。我提到了在Stackoverflow上提出的类似问题

文本区域的HTML

唯一的问题是，我无法通过正常的左键单击将文本输入文本区域。在文本区域中输入文本的唯一方法是右键单击（我在右键单击时禁用了关联菜单）。有人能解释为什么会这样吗？如何使用普通的左键单击来输入文本

我的密码在这里-

谢谢，

---

Shan

左键点击被可拖动插件提升。如果您定义了一个要拖动的控制柄，则应该可以。

uhh。。。你为什么要写

$（文档）[0]

。。。您意识到这只是调用

文档

。。所以写文档！！在开始使用jQuery之前，每次调用$（）时都需要了解它在做什么。否则，你将花费更多的时间来解决像这样的问题，而不是你刚刚学习了正确的js.1。这不是第二点$（文档）[0]将在右键单击时禁用上下文菜单（从这里开始-），因为前面的左键单击被高举（如下所述）$（文档）本身未禁用关联菜单。3.我现在不需要使用它，因为左键单击可以在文本框上工作。谢谢。这不是重点，而是做对了。2.我没有说使用$（文档），我说的是使用文档。如document.oncontextmenu中所示。从jQuery对象中选择[0]只是或者在本例中是

document

在我让这匹马死去（以及你的整体表现）之前的最后一脚，这段代码确实在做；1） 获取document对象并使用膨胀的jquery属性和函数库将其包装起来。2） 从膨胀中拉出本机DOM元素，即文档。3） 附加oncontextmenu处理程序。。。。所以我的问题是，为什么必须在那里使用jquery？这是不需要的。是的，它确实会影响页面的整体性能。我知道没什么区别。。但同样的代码…谢谢natedavisolds。解决方案是有效的。我刚刚将drag jquery代码更改为：$（“#text1”）.draggable（{cancel:'#ta1'）；。这样，句柄仅围绕div，而不是实际的文本框。在这种情况下，左键单击不会被高举。

    <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>

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