当前位置: 首页 > Web前端 > HTML5

HTNL5的新功能是拖放

时间:2023-04-05 10:53:07 HTML5

拖放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('钥匙');      }