拖拽
h5中新增了拖拽事件,原则上所有的元素都可以被拖拽,默认情况下,只有图片和连接可以被拖拽
如果需要被拖拽,需要给元素设置一个属性draggable = ‘true’
被拖拽元素事件:
ondragstart 拖拽开始
ondrag 拖拽中
ondragend 拖拽结束
目标元素事件
1.ondragover 当被拖拽元素在目标元素上方时触发
默认情况下,无法将元素放置到其他元素中,如果需要设置允许放置,必须要阻止元素的默认处理方式
要通过ondragover事件的event.preventdefault( )方法
2.ondrop 当在目标元素上方松开鼠标时触发
案例:将小圆球从一个盒子拖拽到另一个盒子

效果:
浙公网安备 33010602011771号