jQuery處理IFRAME中的鼠標事件

我使用Iframe來顯示書籍內容（epub格式）。jQuery處理IFRAME中的鼠標事件

我能夠改變書的背景顏色和書的字體大小。

但我無法使用jQuery調用IFRAME內部的事件處理程序。

我的JavaScript代碼是通過以下方式：

$('#bookcontentHeight').contents().find('body').bind("mouseup", function(e) {  
      alert('inside'); 
      e.preventDefault();   
      $("#custom-menu").css({ top: e.pageY + "px", left: e.pageX + "px" }).show(100); 
     });

來源

2013-07-02 user655334

我用，VAR iframeDoc = $（ '＃bookcontentHeight'）解決問題內容（）得到（0）; \t \t //綁定事件的iframe文檔 \t \t $（iframeDoc）.bind（ '鼠標鬆開'，函數（E）{\t \t \t \t \t \t \t \t \t \t e.preventDefault（）; \t \t \t \t 。\t \t \t \t \t $（「＃自定義菜單」）的CSS（{頂：e.pageY + 「PX」，左起：e.pageX + 「PX」}）秀（100）; 。\t}）; – user655334

希望可以從這兩個選項工作。

var iframe = $("#bookcontentHeight"); 
$(".body",iframe.get(0).contentDocument).mouseup(function(){alert('Hello')});

或

$("#bookcontentHeight").contents().find(".body").bind("mouseup", function() { alert("Hello"); });

來源

2013-07-02 10:52:48

我嘗試過，但沒有運氣 – user655334

jQuery處理IFRAME中的鼠標事件

回答

相關問題