我想知道有什么方法可以发现这一点,如果我们在浏览器中选择内容(例如单击并拖动时突出显示),就可以知道使用jquery在浏览器中选择了什么。
例如,我有一个表,然后选择了该表的一行(如单击并拖动时突出显示),现在我想将其拖动到输入中。当我拖动内容时,我是否知道从浏览器中拖动内容的任何可能性。在这里,我没有使用任何jquery拖放表格。是否可以拖放,如果可能,我可以举个例子。
提前致谢。
这是将表格行的内容拖到文本输入中的方法。
包括jQuery和jQueryUI:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
制作表格和输入元素:
<table>
<tr>
<td>Dog</td>
</tr>
<tr>
<td>Fish</td>
</tr>
<tr>
<td>Cat</td>
</tr>
</table>
<p>
<input type="text" placeholder="Choose an animal" id="dropzone" />
</p>
添加以下JS:
$("tr").draggable({
appendTo: "body",
helper: "clone"
});
$("#dropzone").droppable({
drop: function(event, ui) {
$(this).val(ui.draggable.text().trim());
}
});
在drop函数内部,$(this)
是指将第一个元素拖到其上的元素,因此只需将其值设置为放置的元素的文本即可。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句