jquery處理來自外部iframe的事件

Question

我有IFRAME加載外部內容（ibnlive.in.com），我無法處理該框架中的點擊事件。

這是我的代碼，

var iframeDoc = $('#bookcontentHeight').contents().get(0); 
     // Bind event to iframe document 
     $(iframeDoc).bind('mouseup', function(e) {      
       e.preventDefault();     
       $("#custom-menu").css({ top: e.pageY + "px", left: e.pageX + "px" }).show(100); 
     }); 

，但我可以能夠處理IFRAME加載本地數據，

<iframe src="books/1.xhtml" width="100%" id="bookcontentHeight" frameborder="0" marginheight="0" marginwidth="0" > </iframe>  

如何處理點擊事件，從外部源加載。

Answer 1

您需要將事件處理程序附加到稍微不同的對象。嘗試：

var targetWindow = iframeDoc.contentWindow || iframeDoc.contentDocument; 
if (targetWindow.document) { 
    var targetDocument = targetWindow.document; 

    $(targetDocument.body).bind("mouseup", function(){ 
     // event handler 
    }); 
}