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


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

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

注意:

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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM