H5拖拽事件API以及ondrop不触发的原因
事件 | 触发时刻 |
drag | 当拖拽元素或选中文本时触发 |
dragrnd | 当拖拽操作结束时触发 |
dragenter | 当拖拽元素到一个可释放目标时触发 |
dragleave | 当拖拽元素离开一个可释放目标时触发 |
dragover | 当拖拽元素到一个可释放目标时触发(100ms触发一次) |
dragstart | 当用户开始拖拽一个元素时触发 |
drop:当元素在可释放目标上被释放时从触发
注意:
当我们同时使用了dragover事件和drop事件时,我们会发现drop事件并没有触发。根据MDN的文档我们必须要阻止某一DOM元素对dragover的默认行为,才能使drop事件在其上正确执行
组织浏览器默认行为方法:event.preventDefault()