jQuery:在iframe中点击事件

时间:2014-04-06 18:59:37

标签: javascript jquery html iframe

我正在尝试点击iframe中的元素点击事件,但它似乎无法正常工作。我目前的设置:
jsFiddle:http://jsfiddle.net/q4aa3/
jQuery的:

$(document).ready(function () {
    $('#this-iframe').load(function () {
        $('#this-iframe').contents().find('img').live({
            click: function () {
                alert('clicked img');
            }
        });
    });
});

点击iframe内部的图片并未触发警报,我不确定原因,或者是否有更好的方法来实现此目的?任何建议将不胜感激!

1 个答案:

答案 0 :(得分:8)

如果您在同一个域中拥有iframe,则可以使用此脚本来捕获iframe中的点击次数。不要使用.live,它从jQuery 1.7开始被删除。

var iframeBody = $('body', $('#iframe')[0].contentWindow.document);
$(iframeBody).on('click', 'img', function(event) {
    doSomething();
});

您可以通过iframeBody变量操纵正文。