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中的鼠标事件

回答

相关问题