Javascript Can'；不要使用jquery正确拖动文本框_Javascript_Jquery_Textbox_Drag And Drop

Javascript Can'；不要使用jquery正确拖动文本框

javascript jquery

Javascript Can'；不要使用jquery正确拖动文本框,javascript,jquery,textbox,drag-and-drop,Javascript,Jquery,Textbox,Drag And Drop,我不熟悉jquery。我正在尝试使用jquery拖动文本框并调整其大小。但我面临一些问题。我可以拖动并重新调整文本框的大小。但是请看下面的屏幕截图。要拖动文本框，首先我必须将该“边”（显示在箭头标记中）从框中拖出。总之，这不是一个好主意。有人能帮我简单地拖动文本框吗下面是我的代码 <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Draggab

我不熟悉jquery。我正在尝试使用jquery拖动文本框并调整其大小。但我面临一些问题。我可以拖动并重新调整文本框的大小。但是请看下面的屏幕截图。

要拖动文本框，首先我必须将该“边”（显示在箭头标记中）从框中拖出。总之，这不是一个好主意。有人能帮我简单地拖动文本框吗

下面是我的代码

    <html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Draggable - Constrain movement</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />


<style>
  #containment-wrapper { width: 300px; height:300px; border:2px solid #ccc; padding: 10px; }
  #custombox { width: 160px; height: 30px; padding: 0.5em; float: left; }
</style>

<script>
  $(function() 
  {    
    $("#custombox").draggable({ containment: "#containment-wrapper", scroll: false }).resizable(); 
  });
</script>

<body>

<div id="containment-wrapper">
  <div id="custombox" >
    <textarea></textarea> </p>
  </div>
</div>
</body>

</html>


jQuery UI可拖动-约束移动
#安全壳包装{宽度：300px；高度：300px；边框：2px实心#ccc；衬垫：10px；}
#custombox{宽度：160px；高度：30px；填充：0.5em；浮点：左；}
$（函数（）
{    
$（“#custombox”）.draggable（{containment:“#containment wrapper”，scroll:false}）.resizeable（）；
});

当我在jsfiddle.net中尝试代码时，文本框是不可拖动的。只能调整大小。但我把代码复制到记事本上，并在chrome上运行。然后屏幕截图中出现了问题。将边缘拖动到文本框外部后，可以将文本框拖动到容器中的任何位置

检查这个

 $(function() 
  {    
    $("#custombox").draggable({  scroll: false }).resizable(); 
  });

我认为现在大多数浏览器已经在

textarea上实现了这一点。不，结果是一样的。我需要先把“边缘”拖到外面。然后单击该边，可以拖动框大多数浏览器文本区域边自动调整大小