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

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

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

注意:

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

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

 

posted @ 2022-01-05 16:01  cccool  阅读(1885)  评论(0编辑  收藏  举报