HTML5新增了拖拽事件
拖拽事件包括drap、drapstart、drapend、drapenter、drapleave、drapover、drop等事件
最常用的有drapstart、drapover、drop
drapstart主要用来向事件对象中添加属性,e.dataTransfer.setData('name', e.target.id)
drapover会阻止drop事件的触发,所以我们需要阻止drapover事件触发
drop主要用来接收drapstart事件中添加的属性,e.dataTransfer.getData('name')
要注意的是 :只有drapstart和drop之间可以通过dataTransfer进行通信
网友评论