如何使用 jquery 拖动 textarea 和输入

Question

我正在使用jQuery UI draggable 拖动元素，但它似乎不适用于 textarea 和输入，因为每当我单击它们时它们都会聚焦。这是问题的JSbin Demo。

HTML

<textarea class="movable" placeholder="I am textarea. Try to move me"></textarea>
<h2></h2>
<div class="movable">I am a DIV. Try to move me</div>

JS

$('.movable').draggable();

我认为我在 draggable 方法中缺少一些可以为我执行此操作的参数。

Answer 1

经过一番谷歌搜索后，我似乎找到了解决此问题的方法。在这里发布以帮助他人。需要两个步骤：

1. jQuery Draggable 在 input,textarea,select,button 元素上禁用可拖动。
2. 要覆盖这个，在可拖动的方法中，传递这个{ cancel: '' }

这里是working JSBin Demo

HTML

<textarea class="movable" placeholder="I am textarea. Try to move me"></textarea>
<h2></h2>
<div class="movable">I am a DIV. Try to move me</div>

JS

$('.movable').draggable({
  cancel: ''
});