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 事件屬性