jQuery在IFRAME中处理鼠标事件

我使用Iframe显示书籍内容（epub格式）

我可以改变书的背景颜色和字体大小

但是我无法使用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);
        });

---

希望能从这两个选项中起作用

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

或

---

我通过使用var iframeDoc=$（'#bookcontentHeight'）.contents（）.get（0）解决了这个问题；//将事件绑定到iframe文档$（iframeDoc）.Bind（'mouseup'，函数（e）{e.preventDefault（）；$（“#自定义菜单”）.css（{top:e.pageY+“px”，left:e.pageX+“px”}）.show（100）；}）；

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