jquery - 通过 Jquery 控制 iframe 中的点击

Question

我有这个代码：

$("#iframeID").load(function () {
    var iframeDoc = $('#iframeID').contents().get(0);
    $(iframeDoc).bind('click', function() {
        alert('clicked');
    });
});

及其检测 iframe 中的点击，但我如何检测点击是否在例如 javascript 函数中，例如：

<a href="#" onclick="save(100);">save 100</a>

我想通过 Jquery 检测并获取保存功能的信息

谢谢！

Answer 1

您可以查找属性 onclick：

$("#iframeID").load(function () {
    var iframeDoc = $('#iframeID').contents().get(0);
    $(iframeDoc).bind('click', function(event) {
        if($(event.target).attr("onclick")) {
            var onclickStr = $(event.target).attr("onclick").toString();
            // containing whatever is inside the onclick attribute, 
            // now you could compare it to whatever you want 
            // might be that you need some kind of regular expression to 
            // etract the function name.
            console.log(onclickStr);

        }
    });
});

Answer 2

使用 jQuery 的.on()事件处理程序。

$("#iframeID").load(function () {
    var iframeDoc = $('#iframeID').contents().get(0);
    $(iframeDoc).on('click', 'a[onclick^="save"]', function(e) {
        e.preventDefault();
        alert('clicked');
    });
});

第一个参数是事件，第二个是选择器，第三个是你的匿名函数。

示例：http: //jsfiddle.net/bR52H/