HTML5之drag
2015-11-15 17:40
573 查看
源元素事件 –
目标元素事件
dragstart drag dragend
event.dataTransfer.setData("type","值")dataTransfer是存储要传给目标元素的数据的对象,通过event获取该对象
目标元素事件
dragenter dragover // 在该事件中需要阻止事件的默认行为 e.preventDefault();才能触发drop事件 drop //投放 dragleave
e.dataTransfer.getData("type") //获取 e.dataTransfer.clearData("type") //清除
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 原生js结合html5制作小飞龙的简易跳球
- 三个不常见的 HTML5 实用新特性简介
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- javascript+HTML5的Canvas实现Lab单车动画效果
- javascript+html5实现绘制圆环的方法
- 拖动Html元素集合 Drag and Drop any item
- HTML5实现微信拍摄上传照片功能
- jQuery使用drag效果实现自由拖拽div
- jQuery+HTML5加入购物车代码分享
- 实现音乐播放器的代码(html5+css3+jquery)
- 2014 HTML5/CSS3热门动画特效TOP10
- jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
- HTML5使用DeviceOrientation实现摇一摇功能
- 学习drag and drop js实现代码经典之作
- 使用HTML5中postMessage知识点解决Ajax中POST跨域问题
- MVC中基于Ajax和HTML5实现文件上传功能