Javascript 如何让iFrame接受ondblclick事件?
我查看了w3school,它显示ondbclick事件“在除base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style和title之外的所有元素中都有效。” 但是当iframe被dbclick调用时,我真的很想做一些事情,我该怎么做呢?多谢各位 学校参考: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
使用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中的文档位于父窗口之外的另一个(子)域上,则这将受到同源策略的限制