2010-12-12 36 views

回答

1

觀察iframe的加載事件,一旦它被觸發,您可以將ondblclick分配給iframe中的文檔。

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

注:這將通過同源政策限制,如果iframe中的文件是在另一個(子)域比父窗口。

0

這可能是使用CSS招:提上了iframe的頂空div和趕上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-index的,具有更大的價值,當然具有他們兩個相同大小的DIV。

使用jQuery,它應該非常簡單(儘管不是微不足道的),通過在頁面加載中添加額外的div並實時應用所需的CSS來使其成爲「通用」。