jQuery处理IFRAME中的鼠标事件

Question

我正在使用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);
        });

Answer 1

希望可以从这两个选项中发挥作用。

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

或

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