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

标签 javascript html drag-and-drop dom-events

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

最佳答案

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

关于javascript - 如何将 iframe 上发生的 ondragover 事件传播到包含它的父 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11524600/

相关文章:

javascript - 是否可以选择 $(this) + $ ('#Example' )?

javascript - 将 HTML5 拖放对象恢复到原始 div 容器

javascript - 在 HTML 中显示/隐藏 UI 元素时出现问题

jquery - 如何为叠加动画设置图像DIV

c++ - QFileInfo::isExecutable() 为 ".exe"文件返回 false

javascript - 使用 jQuery UI 拖放 : changing the dragged element on drop

多年前的 javascript 时间戳并考虑闰年

javascript - 如何退出 javascript forEach 循环

javascript - 将值从 html <select multiple> 复制到剪贴板

javascript - 如何在 Node JS 中生成和验证给定字符串的校验和