觸發iframe的點擊沒有工作

Question

檢查出這個小提琴：http://jsfiddle.net/GxPmU/

我試圖click事件上的iframe結合，但是，點擊iframe中不會觸發click事件相應

而且Firebug的控制檯還輸出錯誤：

Error: Permission denied to access property 'nodeType' 
[Break On This Error] 

if (selector.nodeType) { 

任何想法，我做錯了什麼，以及如何能夠在相應的iframe click事件綁定？

Answer 1

從「Same origin policy」開始，您無法獲得點擊事件。

我創建了一個演示來顯示此行爲。第一個鏈接是在同一個來源，因此點擊被傳遞。在另一方面，第二個不響應：

HTML

<iframe id="iframe-test-1" src="jsfiddle.net/404"></iframe> 
<iframe id="iframe-test-2" src="http://jsfiddle.net/404"></iframe> 

演示

http://jsfiddle.net/V9WTA/

Answer 2

如果你想只知道無論何時對iFrame任何部分點擊情況發生，只是把iFrame在div並綁定事件到div。

Answer 3

您需要指定div的z-index在iframe之前，並且使其絕對。

div#foo 
{ 
    z-index: 9999; 
    position: absolute; 
    width: 300px; 
    height: 300px; 
} 

Fiddle here.

您可能需要調整和重新定位基礎上的iframe股利。