javascript - 使用 JQuery 检测 iframe 事件

Question

我有这个ajax代码:

function send(obj) {
    var paket = {
        Url: obj
    }
    $.ajax({
        url: 'submit',
        type: 'POST',
        dataType: 'json',
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(paket),
        success: function (data) {
            var iframe = document.getElementById('frame');
            var html = data.msg;
            iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);
            renderat = true;
            $('frame').ready(function () {
                console.log("laddad");
                test();
            });
        },
        error: function (data) {
        }
    })
}

效果很好，它在我的 iframe 中呈现 html:

<iframe width="600" height="600" id="frame"></iframe>

然后我用它来获取 iframe 中正在使用的元素:

function test() {
    if (renderat == true) {
        console.log("0");
            var framen = document.getElementById('frame').contentWindow;
            $(framen).click(function (event) {
                alert($(event.target).val());
            });
    }
}

问题是它只运行到console.log("0")，然后什么也没有发生..为什么？我怀疑问题在于我不知道如何将此 jquery 代码放入 $(document).ready 中？

有什么建议吗？谢谢

Answer 1

ready() 在 iframe 上作为选择器无效，请使用 load 事件

$('#frame').on('load',function () {
     console.log("laddad");
     test();
});