HTML5 拖放無法放置

出現這種情況的原因是沒有使用 dragover 事件處理程式；然而，使用了 dragover 事件的預設事件處理程式，之後將不會觸發任何 drop 事件。

在 drop 事件之前，dragover 事件需要包含 e.preventdefault。

如果你想允許 drop，那麼將阻止預設處理程式以取消事件。這可以透過在屬性定義事件監聽器中返回 false，或者呼叫 events event.prevent default 方法來完成。

<div ondragover = "return false">
<div ondragover = "event.preventDefault()">

在擁有 dragover 屬性時返回 False。

預設已被阻止。

Vrundesha Joshi

更新於：2020 年 1 月 30 日

421 次瀏覽

啟動你的 職業

完成課程獲得認證

立即開始