javascript - iframeで発生するondragoverイベントを、それを含む親divまで伝播する方法は?

Question

iframe で発生した ondragover イベントを、iframe を含む親 div まで伝播するにはどうすればよいですか? ondragover および ondrop イベント ハンドラーを親 div に関連付けました。何かがdivの上にドラッグされたときに、ondropイベントハンドラーでプログラムでiframeを作成します。次回、この iframe に何かがドラッグされた場合は、この iframe のサイズを半分に縮小して、新しい iframe を作成するためのスペースを作成したいと考えています。その新しい iframe は ondrop イベント ハンドラで作成されます。

Answer 1

わかりました、それに対する解決策があります。親 div と同じ幅と高さの親 div 内に透明な空の div を配置し、z オーダーを 2 に設定します (z オーダーは iframe の z オーダーより大きくする必要があります)。基本的に、この配置は iframe をオーバーレイし、その結果、イベントは親 div にバブルアップされます。