HTML5中的图片拖放

拖放函数:

1.HTML5拖放

Drag拖和drop放是HTML5标准的组成成分

2.拖放开始:

ondragstart:调用了一个函数,drag(event),它规定了被拖动的数据

3.设置拖动数据:

setData():设置被拖放的数据类型和值

4.放入位置:

ondragover:事件规定在任何处放置被拖动的数据

5.放置

ondrop:当放置被拖数据时,会发生drop事件


在网页中直接拖放的代码:

html部分:

拖放


js部分:



直接从文件夹中拖放的代码:

js部分:


html部分:


学习心得:js的学习不仅要记住各种方法,构造函数;还要能够理解熟悉程序。

千里之路,始于足下!

你可能感兴趣的:(HTML5中的图片拖放)