HTML ondragstart 事件屬性
示例
當用戶開始拖動 <p> 元素時，執行 JavaScript。
<p draggable="true" ondragstart="myFunction(event)">拖動我！</p>
自己動手試一試 »
定義和用法
ondragstart 屬性在使用者開始拖動元素或文字選擇時觸發。
拖放是 HTML5 中非常常見的功能。它是指“抓取”一個物件並將其拖動到不同位置。有關更多資訊，請參閱我們的 HTML 教程中的HTML5 拖放。
注意：要使元素可拖動，請使用全域性 HTML5 draggable 屬性。
提示：連結和影像預設是可拖動的，不需要 draggable 屬性。
在拖放操作的不同階段，有許多事件屬性被使用並可能發生。
- 在可拖動目標上觸發的事件（源元素）：
- 在放置目標上觸發的事件
- ondragenter - 當拖動的元素進入放置目標時觸發
- ondragover - 當被拖動的元素在放置目標上方時觸發
- ondragleave - 當被拖動的元素離開放置目標時觸發
- ondrop - 當被拖動的元素被放置到放置目標上時觸發
瀏覽器支援
表格中的數字指定了完全支援該事件屬性的第一個瀏覽器版本。
| 事件屬性 | |||||
|---|---|---|---|---|---|
| ondragstart | 4.0 | 9 | 9 | 3.1 | 12 |
語法
<element ondragstart="script">
屬性值
| 值 | 描述 |
|---|---|
| script | 在 ondragstart 時執行的指令碼 |
技術詳情
| 支援的 HTML 標籤 | 所有 HTML 元素 |
|---|
相關頁面
HTML 教程：HTML5 拖放
HTML 參考：HTML draggable 屬性
HTML DOM 參考： ondragstart 事件
❮ HTML 事件屬性
