HTML5拖拽事件的顺序是怎样的?

2 min read

HTML5拖拽事件的顺序如下:

  1. dragstart:当元素开始被拖拽时触发。
  2. drag:当拖拽元素正在被拖拽时持续触发。
  3. dragenter:当拖拽元素进入另一个可放置区域时触发。
  4. dragover:当拖拽元素在另一个可放置区域内移动时持续触发。
  5. dragleave:当拖拽元素离开放置区域时触发。
  6. drop:当元素被放置到另一个可放置区域内时触发。
  7. dragend:当元素拖拽结束时触发,无论是放置还是取消。

在这些事件中,只有dragenter和dragover需要取消默认行为,以允许元素被放置到指定区域。其余的事件默认行为已经被取消了,因此无需再次取消。