jquery - 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"); });