我目前正在开发一个 Web 应用程序,在该应用程序中,我将拥有一个包含可编辑文本区域列表的页面,并且我希望能够更改它们的顺序,只需将每个文本区域拖放到所需位置即可。
基本上,这些文本区域中的每一个都将嵌套在 中,如下所示:
<div class="outsideDiv">
<div>
<textarea>
</textarea>
</div>
</div>
当我尝试使用原生 HTML5“可拖动”属性(更准确地说,我把它作为我最外面的属性)实现拖放功能时,我注意到这会使我的文本区域可拖动但也会产生副作用:每当我单击文本区域,键入光标将始终位于位置 0。因此,无法将光标移动到另一个位置,如果您想编辑现有文本,这不是那么方便。
所以我的问题是,我怎样才能使文本区域可拖动,同时保留其所有功能(我的意思是,没有提到的副作用)?