H5拖拽事件API以及ondrop不触发的原因
事件 | 触发时刻 |
drag | 当拖拽元素或选中文本时触发 |
dragrnd | 当拖拽操作结束时触发 |
dragenter | 当拖拽元素到一个可释放目标时触发 |
dragleave | 当拖拽元素离开一个可释放目标时触发 |
dragover | 当拖拽元素到一个可释放目标时触发(100ms触发一次) |
dragstart | 当用户开始拖拽一个元素时触发 |
drop:当元素在可释放目标上被释放时从触发
注意:
当我们同时使用了dragover事件和drop事件时,我们会发现drop事件并没有触发。根据MDN的文档我们必须要阻止某一DOM元素对dragover的默认行为,才能使drop事件在其上正确执行
组织浏览器默认行为方法:event.preventDefault()
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步