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.smartstyle.com.cn/zixun/ITdongtai/2018/0530/373.html

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

行业聚焦

奇点首款链上竞技游戏公链 GAS链游生态公链

 游戏公链是奇点平台独创的首款 游戏公链的主要功能包括: 基础设施GAS建立了强大的区块链技术的社区、游戏下载平台、游...[详细]

当老兵遇上新秀 本田CR-V和福特领界谁更能代

汽车的更新换代一年快过一年,按照现在的速度,每一年甚至半年的时间,一款车型就会迎来大大小小的改款,其中也不乏自...[详细]

福特领界表现不凡 成十万级SUV代表车型

SUV成为中国市场最受追捧的车型已经成为不争的事实,而SUV的核心竞争力,也从简单的比大小进入到了安全性、智能性、经济...[详细]

圣诞温暖至 福特领界EV金融购车政策助你完成

2019年的圣诞节马上就要到来,雪花与星星点亮圣诞狂想,圣诞老人也将驾着麋鹿雪橇拉风登场。你是不是已经开始想象,自...[详细]

华硕VG32VQE电竞显示器新品上市,电竞特工首

随着近日英雄联盟MIS季中赛如火如荼地举行,越来越多的老玩家开始回归,尤其是在IG战队取得9连胜的荣耀战绩时,又一波回...[详细]

推荐内容

更多

热点内容

更多

黑客马拉松比赛:前浪、

 

2020年7月,软银机器人联合世界人工智能大会(WAIC)和机器之心举办了黑客马拉松比赛。在软银机器人易用的开发工具、丰富...[详细]

2020 WAIC机器人狂欢:AI抗疫

 

  2020年7月8日-11日,由张江集团、优必选科技、软银集团旗下软银机器人、Watson Build 创新中心、机器之心联合组织的世界人工...[详细]

机器人时代的到来,Robo

 

  2020年6月27-28日,国际权威机器人赛事RoboCup@Home Education于线上举行,此赛事是RoboCup@Home的一项教育计划,旨在鼓励学校参与到...[详细]

通证经济时代已来临!易

 

  一,什么是通证 通证基于固有和内在的价值,它立足于实体经济、为实体经济服务。 通证是源于英文的token,是人们高度关...[详细]

BKCoin国际数字资产交易所

 

  BKCoin作为全球知名的区块链技术服务机构,其业务包含:数字资产交易平台、信息安全研发中心、区块链项目孵化中心以及数字...[详细]

  • 黑客马拉松比赛:前浪、
  • 2020 WAIC机器人狂欢:AI抗疫
  • 机器人时代的到来,Robo
  • 通证经济时代已来临!易
  • BKCoin国际数字资产交易所
一周排行每月关注