DragEvent

Baseline 已廣泛支援

此功能已成熟,並可在許多裝置和瀏覽器版本上使用。自 2020 年 9 月起,所有瀏覽器均已提供此功能。

DragEvent 介面是一個 DOM 事件,用於表示拖放互動。使用者透過將指標裝置(如滑鼠)置於觸控表面,然後將指標拖動到新位置(如另一個 DOM 元素)來發起拖動。應用程式可以自由地以應用程式特有的方式解釋拖放互動。

此介面繼承自 MouseEventEvent 的屬性。

Event UIEvent MouseEvent DragEvent

例項屬性

DragEvent.dataTransfer 只讀

在拖放互動期間傳輸的資料。

建構函式

雖然此介面有一個建構函式,但無法透過指令碼建立有用的 DataTransfer 物件,因為 DataTransfer 物件具有由瀏覽器在拖放期間協調處理的安全模型。

DragEvent()

建立一個合成的、不可信的 DragEvent。

事件型別

drag

當一個元素或文字選擇正在被拖動時,會觸發此事件。

dragend

當拖動操作結束時(透過釋放滑鼠按鈕或按 Escape 鍵),會觸發此事件。

dragenter

當一個被拖動的元素或文字選擇進入一個有效的放置目標時,會觸發此事件。

dragleave

當一個被拖動的元素或文字選擇離開一個有效的放置目標時,會觸發此事件。

dragover

當一個元素或文字選擇正在被拖動且滑鼠指標位於一個有效的放置目標上方時,此事件會連續觸發(滑鼠不移動時每 50 毫秒觸發一次,否則在 5 毫秒(緩慢移動)和 1 毫秒(快速移動)之間觸發,大約如此。此觸發模式與 mouseover 不同)。

dragstart

當用戶開始拖動一個元素或文字選擇時,會觸發此事件。

drop

當一個元素或文字選擇被放置在一個有效的放置目標上時,會觸發此事件。

示例

每個屬性、建構函式、事件型別和全域性事件處理程式的示例都包含在其各自的參考頁面中。

規範

規範
HTML
# dragevent-interface

瀏覽器相容性

另見