dropzone示例
- 在拖動目標上觸發事件 (源元素):
- ondragstart - 用戶開始拖動元素時觸發
- ondrag - 元素正在拖動時觸發
- ondragend - 用戶完成元素拖動後觸發
- 釋放目標時觸發的事件:
- ondragenter - 當被鼠標拖動的對象進入其容器范圍內時觸發此事件
- ondragover - 當某被拖動的對象在另一對象容器范圍內拖動時觸發此事件
- ondragleave - 當被鼠標拖動的對象離開其容器范圍內時觸發此事件
- ondrop - 在一個拖動過程中，釋放鼠標鍵時觸發此事件
註意： 在拖動元素時，每隔 350 毫秒會觸發 ondragover 事件。
HTML 內容
<div class="dropzone">
<div id="draggable" draggable="true" ondragstart="event.dataTransfer.setData('text/plain',null)">
This div is draggable
</div>
</div>
<div class="dropzone"></div>
<div class="dropzone"></div>
<div class="dropzone"></div>
:ondragstart - 用戶開始拖動元素時觸發ondrag - 元素正在拖動時觸發ondragend - 用戶完成元素拖動後觸發釋放目&desc=在拖動目標上觸發事件 (源元素):ondragstart - 用戶開始拖動元素時觸發ondrag - 元素正在拖動時觸發ondragend - 用戶完成元素拖動後觸發釋放目){kind=link}
:ondragstart - 用戶開始拖動元素時觸發ondrag - 元素正在拖動時觸發ondragend - 用戶完成元素拖動後觸發釋放目){kind=link}
