HTML ondragover 屬性

定義和用法

當可拖動的元素或文字選區被拖到有效的放置目標上方時，ondragover 屬性會觸發。

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

要了解拖放，請閱讀我們的 HTML 教程中的 HTML5 拖放。

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

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

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


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

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

適用範圍

ondragover 屬性是 事件屬性 的一部分，可用於任何 HTML 元素。

示例

瀏覽器支援

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