html5 拖放

亡梦爱人 提交于 2019-12-02 06:22:07

传送门

需注意的知识点:

1.链接和图片默认是可以拖放的,不用设置dragable='true',如要拖动div则需要设置

2.在目标元素上定义一个dragover事件,然后在事件句柄中使用event.preventDefault()来阻止默认行为,从而允许拖放

3.在目标元素上定义一个drop事件,然后在事件句柄中使用event.preventDefault()来阻止默认行为,防止在新窗口中打开

4.传输数据使用event.dataTransfer对象,该对象最常用的有两个方法: getData() 和 setData()。两个方法的第一个参数都是数据类型,为了保持和IE兼容,最好使用text和URL两种

5.当拖放的是文件时,可通过event.dataTransfer.files来访问相应的文件


更多专业前端知识,请上【猿2048】www.mk2048.com
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!