H5拖拽事件API以及ondrop不触发的原因

事件 触发时刻
drag 当拖拽元素或选中文本时触发
dragrnd 当拖拽操作结束时触发 
dragenter  当拖拽元素到一个可释放目标时触发
dragleave 当拖拽元素离开一个可释放目标时触发
dragover 当拖拽元素到一个可释放目标时触发(100ms触发一次)
dragstart 当用户开始拖拽一个元素时触发

drop:当元素在可释放目标上被释放时从触发

注意:

  当我们同时使用了dragover事件和drop事件时,我们会发现drop事件并没有触发。根据MDN的文档我们必须要阻止某一DOM元素对dragover的默认行为,才能使drop事件在其上正确执行

  组织浏览器默认行为方法:event.preventDefault()

 

posted @   cccool  阅读(1968)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示