1. 設置元素為可拖放

首先，為了使元素可拖動，把 draggable 屬性設置為?true?：

<img draggable="true">

2. 拖放事件
拖放涉及到兩種元素，一種是被拖拽元素（源對象），一種是放置區元素（目標對象）。如下圖所示，按住A元素往B元素拖拽，A元素即為源對象，B元素即為目標對象。

3.事件文檔

需要注意的是：dragenter和dragover事件的默認行為是拒絕接受任何被拖放的元素。因此，我們必須阻止瀏覽器這種默認行為。e.preventDefault();

?

總結

以上是生活随笔為你收集整理的HTML元素拖动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。