HTML ondragenter 屬性
定義和用法
當可拖動的元素或文字選擇進入一個有效的放置目標時,ondragenter 屬性會觸發。
ondragenter 和 ondragleave 事件可以幫助使用者瞭解可拖動元素即將進入或離開放置目標。這可以透過例如在可拖動元素進入放置目標時設定背景顏色,並在元素移出目標時移除顏色來完成。
要了解拖放,請閱讀我們的 HTML 教程中的 HTML5 拖放。
提示:連結和影像預設是可拖動的,不需要 draggable 屬性。
在拖放操作的不同階段,有許多事件屬性被使用並可能發生。
- 在可拖動目標上觸發的事件(源元素):
- ondragstart - 在使用者開始拖動元素時觸發
- ondrag - 在元素被拖動時觸發
- ondragend - 在使用者完成拖動元素時觸發
- 在放置目標上觸發的事件
- ondragenter - 當拖動的元素進入放置目標時觸發
- ondragover - 在被拖動元素位於放置目標上方時觸發
- ondragleave - 當被拖動的元素離開放置目標時觸發
- ondrop - 在被拖動元素放置在放置目標上時觸發
適用範圍
ondragenter 屬性是 事件屬性 的一部分,可用於任何 HTML 元素。
元素 | 事件 |
---|---|
所有 HTML 元素 | ondragenter |
示例
瀏覽器支援
表格中的數字指定了完全支援該事件屬性的第一個瀏覽器版本。
事件屬性 | |||||
---|---|---|---|---|---|
ondragenter | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |