H5拖拽功能draggable

H5提出了拖拽的功能,被拖动元素(除img,a标签,默认可以拖动)需要添加draggable="true"属性,以下是对应的api:

应用于当前被拖拽元素的事件

ondrag 元素正在拖动时触发(整个过程持续触发)

ondragstart 用户开始拖动元素时触发

ondragend 用户完成元素拖动后触发

ondragleave 当鼠标离开拖拽元素时调用

应用于目标元素的事件

ondragenter 应用于目标元素,当拖拽元素进入时调用

ondragover 应用于目标元素,当停留在目标元素上时调用(持续触发)

ondrop 应用于目标元素,当在目标元素上松开鼠标时调用

ondragleave 应用于目标元素,当鼠标离开目标元素时调用

参考示例:





    
    拖放
    



    

H5拖放

你可能感兴趣的:(我的笔记,html,前端)