HTML ondragend 屬性
定義和用法
當用戶完成拖動一個元素或文字選擇時,ondragend
屬性會觸發。
要了解拖放,請閱讀我們的 HTML 教程中的 HTML5 拖放。
提示:連結和圖片預設是可拖動的,不需要 draggable
屬性。
在拖放操作的不同階段,有許多事件屬性被使用並可能發生。
- 在可拖動目標上觸發的事件(源元素):
ondragstart
- 當用戶開始拖動元素時觸發ondrag
- 當元素被拖動時觸發ondragend
- 當用戶完成拖動元素時觸發
- 在放置目標上觸發的事件
ondragenter
- 當拖動的元素進入放置目標時觸發ondragover
- 當拖動的元素在放置目標上方時觸發ondragleave
- 當拖動的元素離開放置目標時觸發ondrop
- 當拖動的元素被放置在放置目標上時觸發
適用範圍
ondragend
屬性是 事件屬性的一部分,可用於任何 HTML 元素。
元素 | 事件 |
---|---|
所有 HTML 元素 | ondragend |
示例
P 示例
當用戶完成拖動一個 <p> 元素時執行 JavaScript
<p draggable="true" ondragend="myFunction(event)">拖動我!</p>
自己動手試一試 »
瀏覽器支援
表格中的數字指定了完全支援該事件屬性的第一個瀏覽器版本。
事件屬性 | |||||
---|---|---|---|---|---|
ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |