html5实现本页面元素拖放和本地文件拖放

2018/03 09 19:03
HTML5拖放
拖放本地数据
1.HTML拖放
拖放(Drag 和 Drop)是HTML5标准的组成部分
2.拖放开始:
ondragStart:调用了一个函数,drag(event),它规定了被拖动的数据
3.设置拖动数据:
setDate():设置被拖动数据的数据类型和值
4.放入位置:
ondragover:事件规定在何处放置被拖动的数据
5.放置:
ondrop:当放置被拖数据时,或发生drop事件
html5实现本页面元素拖放
复制代码

复制代码

页面元素拖放效果:

html5实现本地文件拖放

复制代码

复制代码

本地文件拖放效果:

--转载请注明: https://www.guangboyuan.cn/html5%e5%ae%9e%e7%8e%b0%e6%9c%ac%e9%a1%b5%e9%9d%a2%e5%85%83%e7%b4%a0%e6%8b%96%e6%94%be%e5%92%8c%e6%9c%ac%e5%9c%b0%e6%96%87%e4%bb%b6%e6%8b%96%e6%94%be/

发表回复

(必填)