首页 / JAVASCRIPT / javascript-HTML5在多个浏览器窗口之间拖放多个元素

javascript-HTML5在多个浏览器窗口之间拖放多个元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-HTML5在多个浏览器窗口之间拖放多个元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含944字，纯文字阅读大概需要2分钟。

内容图文

我使HTML5拖放对于单个元素可以正常工作.这在多个浏览器上也很好用,例如我打开了两个相同或不同的浏览器窗口,我可以从一个浏览器中拖动并将该元素拖放到另一个浏览器的放置区中-这对于单个元素来说效果很好.

如果要选择多个元素并拖放,有谁知道如何使它起作用？

解决方法:

您一次最多只能拖动一件事,而您要做的就是遵循这些思路.在此示例中,假设我们有一个多重选择列表,当您拖动一个选定的元素时,所有选定的元素都应被拖动.

>在其中一个可拖动对象上监听dragstart事件
>设置dataTransfer时-您需要在其中编码表示要拖动的所有内容的数据.
>自定义拖动图像,以向用户显示不止一件事情被拖动.

在这里查看示例jsfiddle

$(".draggableThingsSelector").on("dragstart", function(e) {
   e = e.originalEvent;

   var fruitList = [],
       dragImage = document.createElement("ul");

   $("li.selected").each(function() {
       fruitList.push(this.innerHTML);
       dragImage.appendChild(this.cloneNode(true));
   });

   e.dataTransfer.setData("fruits", JSON.stringify(fruitList));
});

另请参阅此处以获取有关拖动图像支持的更多讨论：drag image support

内容总结

以上是互联网集市为您收集整理的javascript-HTML5在多个浏览器窗口之间拖放多个元素全部内容，希望文章能够帮你解决javascript-HTML5在多个浏览器窗口之间拖放多个元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/672747.html

来源：【匿名】