禁用后，使输入元素可拖动

Question

我有一个<input>元素，我已“禁用”（使用disabled:true），我已删除了选择（使用.disableSelection()）。

因此<input>元素不仅仅是图片：非交互式像素。因此，我应该能够使元素可拖动，因为不存在与任何其他click事件发生冲突的可能性。

我天真地试过.draggable()，但这不起作用：http://jsfiddle.net/E26dY/

Answer 1

首先，您需要取消禁用input，然后在js中使用.draggable({cancel: null})。实例：http://jsfiddle.net/E26dY/8/

<强> HTML：

<input />

<强>的jQuery / JavaScript的：

$('input').val('Drag me!').disableSelection().css('webkit-user-select','none').draggable({cancel: null});