拖拽

h5中新增了拖拽事件,原则上所有的元素都可以被拖拽,默认情况下,只有图片和连接可以被拖拽
如果需要被拖拽,需要给元素设置一个属性draggable = ‘true’

被拖拽元素事件:
ondragstart 拖拽开始
ondrag 拖拽中
ondragend 拖拽结束

目标元素事件
1.ondragover 当被拖拽元素在目标元素上方时触发
 默认情况下,无法将元素放置到其他元素中,如果需要设置允许放置,必须要阻止元素的默认处理方式
 要通过ondragover事件的event.preventdefault( )方法

2.ondrop 当在目标元素上方松开鼠标时触发

案例:将小圆球从一个盒子拖拽到另一个盒子

 

效果:

posted @ 2020-09-09 17:59  MIKE-CHOW  阅读(356)  评论(0)    收藏  举报