拖放API。H5新增了7个专门针对鼠标拖放的事件,可以分为三个部分。1.拖动源对象(source)可以触发的事件 dragstart:拖动开始 drag:拖动进行中 dragend:拖动结束2.拖动目标对象(target)可以触发事件 dragenter:拖动进入时 dragover:源对象在目标对象上方时 dragleave:拖动离开时 drop:鼠标松开时 *特别注意的是,如果你想要触发drop事件,必须防止dragover的默认行为3.源对象和目标对象之间的数据传输dataTransfer属性 示例:源对象保存数据: source.onxxx=function(e){ e.dataTransfer.setData('key','value'); }; 目标对象接收数据: target.onxxx=function(e){ e.dataTransfer.getData('钥匙'); }
