javascript - HTML5 のネストされたターゲットでのドラッグ アンド ドロップ

Question

HTML5 ドラッグ アンド ドロップを使用しています。ドロップ可能な div があり、その中に別のドロップ可能な div があります。

<div id="target-parent">
    <div id="target-child"></div>
</div>

問題は、何かをターゲットの子にドラッグすると、彼のドロップ イベントが発生する (そしてこれは正しい) が、最終的にはターゲットの親イベントも発生することです。ドロップされた要素がターゲットの子のみであることをコードはどのように理解できますか?

Answer 1

イベント ハンドラで を調べ、event.target適切に動作するか、またはを呼び出しますevent.stopPropagation()。