Javascript 如何将发生在iframe上的ondragover事件传播到包含它的父div?

Javascript 如何将发生在iframe上的ondragover事件传播到包含它的父div?,javascript,html,drag-and-drop,dom-events,Javascript,Html,Drag And Drop,Dom Events,如何将iframe上发生的ondragover事件传播到包含iframe的父div?我已经将ondragover和ondrop事件处理程序关联到父div。我在ondrop事件处理程序中以编程方式创建一个iframe,当有东西被拖到div上时。下次如果有东西被拖到这个iframe上,我想将这个iframe的大小减少一半,以便为新的iframe创建创造空间。新的iframe将在ondrop事件处理程序中创建。好的,找到了解决方案。将一个透明的空div放置在与父div具有相同宽度和高度的父div内,并

如何将iframe上发生的ondragover事件传播到包含iframe的父div?我已经将ondragover和ondrop事件处理程序关联到父div。我在ondrop事件处理程序中以编程方式创建一个iframe,当有东西被拖到div上时。下次如果有东西被拖到这个iframe上,我想将这个iframe的大小减少一半,以便为新的iframe创建创造空间。新的iframe将在ondrop事件处理程序中创建。

好的,找到了解决方案。将一个透明的空div放置在与父div具有相同宽度和高度的父div内,并将z顺序设置为2(z顺序应大于iframe的z顺序)。基本上,这种安排将覆盖iframe,因此,事件现在被冒泡到父div。

只要iframe不接收鼠标事件就可以了。iframe将无法单击。是的,我不希望在iframe上捕获鼠标事件。为了使iframe可单击,我在拖放操作完成后将透明div的z顺序更改为-1。在拖动操作开始时将透明div的z顺序设置为2,使我的父div捕获与拖放操作有关的所有事件,然后在拖放操作结束时将透明div的z顺序更改为-1,这样可以单击iframe。