如何使用jQuery拖动文本区域和输入 [英] How to drag textarea and inputs using jquery

问题描述

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

I am using jQuery UI draggable to drag elements but it does not seem to work on textarea and inputs as they are focused whenever I click on them. Here is a JSbin Demo of the problem.

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方法中的某些参数，可以为我做到这一点.

I think I am missing some parameter in draggable method which can do this for me.

推荐答案

看起来像我在经过谷歌搜索后找到了解决此问题的方法.将其发布在这里可以帮助其他人.需要两个步骤:

Looks like I have found solution to this problem after some googling. Posting it here to help others. Two steps needed:

1. jQuery Draggable 禁用 输入，文本区域，选择按钮 .
2. 要对此进行覆盖，请使用可拖动方法传递此{ cancel: '' }

1. jQuery Draggable disables draggable on input,textarea,select,button elements.
2. To override this, in draggable method, pass this { cancel: '' }

这是正在运行的JSBin演示

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: ''
});

这篇关于如何使用jQuery拖动文本区域和输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！