IT资讯
当前位置:主页 > 资讯 > IT动态 >

Html5实现拖拽复制功能 悍匪的巅峰

2018-05-30 18:37 网络整理 IT动态 编辑:admin 浏览数:草根网

 拖拽是一种常见的特性,即抓取对象以后拖到另一个位置。 在 HTML5 中,拖拽是标准的一部分,任何元素都能够拖拽。...

拖拽是一种常见的特性,即抓取对象以后拖到另一个位置。 在 HTML5 中,拖拽是标准的一部分,任何元素都能够拖拽。 Html5拖拽非常常见的一个功能,但是大部分拖拽的案例都是一个剪切的过程, 项目中需要实现Html5拖拽复制的功能,Html5拖拽复制很简单,只需要在普通Html5拖拽的过程中做一点小小的改动即可。


浏览器支持:

Internet Explorer 9

Firefox

Opera 12

Chrome

Safari 5


代码部分

请把 Windows Azure 的图片拖放到矩形中:






代码解析

实现思路就是克隆被拖拽的元素,然后把克隆元素appendChild()到指定位置

实现Html5拖拽复制的核心代码.cloneNode()

Html5拖拽复制完成以后,其实还有很多事情可以在appendChild()执行以后完成,这个看具体需求吧

如果只是想实现传统的HTML5拖拽的话,移除var item = document.getElementById(data).cloneNode();,然后ev.target.appendChild(data);即可。

分享到:
上一篇:IDHub助力全国首个“区块链+社区矫正”应用禅城
下一篇:没有了

版权与免责声明:

凡未注明"稿件来源"的内容均为转载稿,本网转载出于传递更多信息的目的;如转载稿涉及版权问题,请作者联系我们,同时对于用户评论等信息,本网并不意味着赞同其观点或证实其内容的真实性;


本文地址:http://www.hbhengying.com/a/zixun/ITdongtai/2018/0530/373.html

转载本站原创文章请注明来源:草根网

行业聚焦

广州市番禺区市桥街多杰宠物医院曝光骗局很

 广州市番禺区市桥街多杰宠物医院曝光骗局很坑广州市番禺区市桥街多杰宠物医院非常的不靠谱,广州市番禺区市桥...[详细]

乐庸建:6.4黄金跌势依旧关注美联储加息,周

够漫网(www.gogoloot.cn):【乐庸建:6.4黄金跌势依旧关注美联储加息,周初主高空】 5月非农就业报告非常稳健,显然...[详细]

瞿颖跨界学京剧遭名家严训 刘晓庆拒绝青衣

新浪娱乐讯 3月1日,由北京卫视推出的大型京剧文化传承节目《传承中国》在京举行开播发布会。发布会当天,京剧...[详细]

主流游戏电脑主机 5000元锐龙R5 东京食尸鬼

信英IT网(http://www.xinlintouzi.com):主流游戏电脑主机 5000元锐龙R5-1400配1066独显电脑 目前的性价比最好的主流的电脑...[详细]

未来的固态硬盘长什么样? 天天色综合网

2.5寸SATA:SATA接口问世已有多年,但依然活力旺盛,东芝在推出消费级3D闪存固态硬盘时就首选了SATA接口。SATA固态硬...[详细]

推荐内容

更多

热点内容

更多

诺基亚X6值得买吗 诺基亚

 

5月16日下午,由HDM运营的Noika在北京民生现代美术馆召开新品发布会,正式发布了新款诺基亚X6手机。诺基亚X采用今年...[详细]

特朗普拒手机安检 至少有

 

  特朗普拒手机安检,至少有两部苹果手机!有媒体报道,美国总统特朗普习惯使用手机拨打电话和在社交网站留言,...[详细]

KB4103714发布:Win10秋季创作

 

  近日微软面向Windows 10秋季创作者更新(Veion 1709)发布了KB4103714累积更新,在安装后版本号升至16299.461。该累积更新的...[详细]

QQ飞车手游a车性能之王 最

 

  QQ飞车手游a车性能之王,QQ飞车手游最厉害a车是谁?QQ飞车手游中,存在不少a车,那么在众多a车中,QQ飞车手游a车性...[详细]

微软Build 2018大会:Win10用

 

  近日,微软一年一度的Build开发者大会正式召开,会上宣布Win10用户量破7亿,同时Win10实现Alexa和小娜语音助手整合,...[详细]

  • 诺基亚X6值得买吗 诺基亚
  • 特朗普拒手机安检 至少有
  • KB4103714发布:Win10秋季创作
  • QQ飞车手游a车性能之王 最
  • 微软Build 2018大会:Win10用
一周排行每月关注