HTML ondragleave 事件屬性

❮ HTML 事件屬性

定義和用法

當可拖動元素或文字選擇離開有效的放置目標時，會觸發 ondragleave 屬性。

ondragenter 和 ondragleave 事件可以幫助使用者瞭解可拖動元素即將進入或離開放置目標。這可以透過例如在可拖動元素進入放置目標時設定背景顏色，並在元素移出目標時移除顏色來完成。

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

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

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

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

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


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

瀏覽器支援

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

語法

屬性值

技術詳情

相關頁面

HTML 教程：HTML5 拖放

HTML 參考：HTML draggable 屬性

HTML DOM 參考： ondragleave 事件