最新的Web開發教程
 

HTML ondragenter事件屬性

<HTML事件屬性

執行一個JavaScript時,可拖動的元素進入放置目標:

<div ondragenter="myFunction(event)"></div>
試一試»

定義和用法

ondragenter屬性火災時,可拖動的元素或者文本選擇進入有效的放置目標。

該ondragenter和ondragleave事件可以幫助用戶明白,一個拖動元素即將進入或離開放置目標。 這可以這樣做,例如,當設置在可拖動元件進入放置目標背景顏色,並且當元件被移出靶的去除顏色。

拖放是HTML5的一個非常普遍的特徵。 這是當你“搶”的對象,並將其拖動到不同的位置。 欲了解更多信息,請參閱我們的HTML教程HTML5拖放

注:為了使元素可拖動,使用全局HTML5 draggable屬性。

提示:鏈接和圖像是在默認情況下可拖動的,並不需要draggable屬性。

還有所使用的許多事件屬性,並且可能發生,在拖放操作的不同階段:

  • 活動上拖動目標 (源元素) 觸發
    • ondragstart -當用戶開始火拖動的元素
    • ondrag -當觸發一個元素被拖動
    • ondragend -火災,當用戶完成拖動的元素

  • 活動上放置目標射擊:
    • ondragenter -火災時,拖動的元素進入放置目標
    • ondragover -火災時,被拖動的元素是在放置目標
    • ondragleave -火災時,拖動的元素離開放置目標
    • ondrop -當拖動的元素上放置目標下降了火災

瀏覽器支持

在表中的數字指定完全支持所述第一瀏覽器版本event屬性。

事件屬性
ondragenter 4 9 3.5 6 12.0

HTML 4.01和HTML5之間的差異

ondragenter屬性,HTML5是新的。


句法

<elementondragenter=" script ">

屬性值

描述
script 該腳本將在ondragenter運行

技術細節

支持的HTML標籤: 所有的HTML元素

相關頁面

HTML教程: HTML5拖放

HTML參考: HTML拖動屬性

HTML DOM參考: ondragenter事件


<HTML事件屬性