HTML5 -- 拖放

拖放(Drag 和 drop)是 HTML5 标准的组成部分。

拖放是一种常见的特性,即抓取对象以后拖到另一个位置。

HTML5 中,拖放是标准的一部分,任何元素都能够拖放。

首先,为了使元素可拖动,把 draggable 属性设置为 true :

HTML5 -- 拖放

1、被拖对象:dragstart事件,被拖动的元素,开始拖放触发 2、被拖对象:drag事件,被拖放的元素,拖放过程中 3、经过对象:dragenter事件,拖放过程中鼠标经过的元素,被拖放的元素“开始”进入其它元素范围内(刚进入) 4、经过对象:dragover事件,拖放过程中鼠标经过的元素,被拖放的元素正在本元素范围内移动(一直) 5、经过对象:dragleave事件,拖放过程中鼠标经过的元素,被拖放的元素离开本元素范围 6、目标地点:drop事件,拖放的目标元素,其他元素被拖放到本元素中 7、被拖对象:dragend事件,拖放的对象元素,拖放操作结束


这次做的图片拖拽的demo练习

js部分

HTML5 -- 拖放


HTML5 -- 拖放

html部分

HTML5 -- 拖放

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgzpzf.html