基本情况
在HTML5的规范中,我们可以通过为元素增加draggable="true"来设置此元素是否可以进行拖拽操作,其中图片、链接默认是开启的。
拖拽元素
页面中设置了draggable="true"属性的元素
目标元素
任意元素都能成为目标元素
事件监听
//拖拽元素 ondrag //应用于拖拽元素,整个拖拽过程都会调用 ondragstart //应用于拖拽元素,当拖拽开始时调用 ondragleave //应用于拖拽元素,当鼠标离开拖拽元素时调用 ondragend //应用于拖拽元素,当拖拽结束时调用
//目标元素 ondragenter //应用于目标元素,当拖拽元素进入时调用 ondragover //应用于目标元素,当停留在目标元素上时调用 ondrop //应用于目标元素,当在目标元素上松开鼠标时调用 ondragleave //应用于目标元素,当鼠标离开目标元素时调用