javascript - 在 iframe 顶部覆盖 div 的事件

标签 javascript html

我有一个覆盖 iframe 的 div。我将 div 用作用户拖动 iframe 的句柄。 iframe 可能包含跨域内容,所以我无法摆脱它。

如果用户单击 div 下面的文本,它会在 IE9 中突出显示该文本。这阻止了我的 onmousedown 事件的触发。如果我单击 div 上没有 iframe 文本的其他任何地方,该事件将被触发,并且一切正常。有办法解决这个问题吗?

FF 和 Chrome 都按预期运行,没有问题。

最佳答案

要解决 IE9 中的问题,您可以尝试以下解决方法:为与 iframe 重叠的 div 添加背景颜色(例如#fff),并将 div 的不透明度设置为 0(不透明度仅 IE9 支持,不是IE8)。我已经设置了一个快速 jsfiddle演示此解决方案。请注意,重叠的 div 是可点击的,而不是 iframe 内容(链接和文本)。

关于javascript - 在 iframe 顶部覆盖 div 的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9636841/

相关文章:

javascript - 不寻常的响应表功能

javascript - 在 html5 Canvas 上移动圆圈

javascript - HTML 从 Iframe 中删除背景

html - 如何删除 div 之间的空白(CSS 图创建)

javascript - 分区/子 Canvas

javascript - 在 Javascript 中从剪贴板读取文件

javascript - Jquery animate - 在动画完成之前执行的回调

javascript - 动态脚本文件仍然过时

javascript - 第 n 个类型元素的 css 选择器 - nth-of-type() 的奇怪实现

html - textarea和提交按钮的关系