从浏览器中拖动所选内容
Drag the selected content from browser
我想知道有没有办法找出这一点,如果我们在浏览器中选择内容(例如单击和拖动时突出显示),请使用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)
引用了第一个元素被拖动到的元素,因此将其值设置为被拖放的元素的文本很简单。
演示
相关文章:
- 移动浏览器-如何删除拖动到水平滚动
- 使用Javascript将拖动的小程序返回到浏览器窗口
- 在拖动之前清除内容选择的跨浏览器方法
- CSS - translate3d 会导致元素在移动浏览器中可拖动
- 使用 jQuery 拖动将链接拖动到浏览器
- 为谷歌浏览器创建拖动选择屏幕截图
- 用于 Web 浏览器上可拖动对象的 Javascript 框架
- 从浏览器中拖动所选内容
- 拖动文件以在火狐浏览器下载
- 如何防止图像另存为+防止图像拖动&拖放到桌面+阻止桌面浏览器上的屏幕截图
- 是否可以捕获拖动的浏览器选项卡的url
- 在'上显示覆盖;draginter'将文件从桌面拖动到浏览器时
- jQuery拖动&拖放-只允许从浏览器外部拖动
- 谷歌浏览器's滚动条和jQuery UI's的可拖动插件
- 防止在ios5移动浏览器中拖动窗口
- 使用dragstartpreventdefault来禁用浏览器默认的图像拖动,但它也禁用了我的拖动事件
- Cordova (phonegap):在画布内拖动图像在浏览器中工作良好,但在移动设备中不工作
- 如何拖动数据(在uri格式)从浏览器到其他应用程序
- 问题与chrome浏览器使用jquery UI可拖动水平滚动网站
- 如何获得html5文件API功能与浏览器拖动图像