Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何让iFrame接受ondblclick事件?_Javascript_Javascript Events - Fatal编程技术网

Javascript 如何让iFrame接受ondblclick事件?

Javascript 如何让iFrame接受ondblclick事件?,javascript,javascript-events,Javascript,Javascript Events,我查看了w3school,它显示ondbclick事件“在除base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style和title之外的所有元素中都有效。” 但是当iframe被dbclick调用时,我真的很想做一些事情,我该怎么做呢?多谢各位 学校参考: 使用CSS技巧可以做到这一点:将空div放在iframe的顶部,捕捉该div元素的双击事件。以下是所需的代码: <div style="position: re

我查看了w3school,它显示ondbclick事件“在除base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style和title之外的所有元素中都有效。”

但是当iframe被dbclick调用时,我真的很想做一些事情,我该怎么做呢?多谢各位

学校参考:
使用CSS技巧可以做到这一点:将空div放在iframe的顶部,捕捉该div元素的双击事件。以下是所需的代码:

<div style="position: relative;">
    <div style="position: absolute; left: 0px; top: 0px; width: 500px; height: 300px; z-index: 100;">
        <iframe src="myotherpage.html" width="500" height="300"></iframe>
    </div>
    <div style="position: absolute; left: 0px; top: 0px; width: 500px; height: 300px; z-index: 999;" ondblclick="alert('frame double clicked');"></div>
</div>

其“核心”是设置两者的z索引,DIV具有更大的值,当然它们的大小相同


使用jQuery,通过在页面加载时添加额外的div并动态应用所需的CSS,使其变得“通用”应该非常简单(尽管不是很简单)。

观察iframe的加载事件,一旦它触发,您可以将ondblclick分配给iframe内的文档

<iframe src="some.htm" 
        onload="this.contentWindow.document.ondblclick=function(){alert('it work\'s');}">
</iframe>

注意:如果iframe中的文档位于父窗口之外的另一个(子)域上,则这将受到同源策略的限制