HTML ondragover 事件屬性

❮ HTML 事件屬性

定義和用法

ondragover 屬性在可拖動的元素或文字選擇被拖動到一個有效的放置目標上時觸發。

預設情況下，資料/元素不能被放置到其他元素中。要允許放置，我們必須阻止元素的預設處理。這是透過為 ondragover 屬性呼叫 event.preventDefault() 方法來完成的。

拖放是 HTML5 中非常常見的功能。它是指“抓取”一個物件並將其拖動到不同位置。有關更多資訊，請參閱我們的 HTML 教程中的HTML5 拖放。

注意：要使元素可拖動，請使用全域性 HTML5 draggable 屬性。

提示：連結和影像預設是可拖動的，不需要 draggable 屬性。

在拖放操作的不同階段，有許多事件屬性被使用並可能發生。

• 在可拖動目標上觸發的事件（源元素）：
  • ondragstart - 當用戶開始拖動元素時觸發
  • ondrag - 當元素正在被拖動時觸發
  • ondragend - 當用戶完成拖動元素時觸發


• 在放置目標上觸發的事件
  • ondragenter - 當拖動的元素進入放置目標時觸發
  • ondragover - 當被拖動的元素位於放置目標上方時觸發
  • ondragleave - 當被拖動的元素離開放置目標時觸發
  • ondrop - 當被拖動的元素被放置到放置目標上時觸發

注意: 在拖動元素時，ondragover 事件每 350 毫秒觸發一次。

瀏覽器支援

表格中的數字指定了完全支援該事件屬性的第一個瀏覽器版本。

語法

屬性值

技術詳情

相關頁面

HTML 教程：HTML5 拖放

HTML 參考：HTML draggable 屬性

HTML DOM 參考: ondragover 事件