检测iframe中的点击事件

Question

我正在为TinyMCE编写一个插件,并且在检测iframe中的点击事件时遇到问题.

从我的搜索中我得出了这个:

正在加载iframe:

<iframe src='resource/file.php?mode=tinymce' id='filecontainer'></iframe>

iframe中的HTML:

<input type=button id=choose_pics value='Choose'>

jQuery的:

//Detect click
$("#filecontainer").contents().find("#choose_pic").click(function(){
    //do something      
}); 

我见过的其他帖子通常有不同域名的问题(这没有).但是,仍然没有发现事件.

可以这样做吗？

Answer 1

我通过这样做解决了它:

$('#filecontainer').load(function(){

        var iframe = $('#filecontainer').contents();

        iframe.find("#choose_pics").click(function(){
               alert("test");
        });
});

Answer 2

我不确定,但你可以使用

$("#filecontainer #choose_pic").click(function() {
    // do something here
});

或者你可以只<script>在iframe中添加一个标签(如果你有权访问里面的代码),然后window.parent.DoSomething()在框架中使用代码

function DoSomething() {
    // do something here
}

在父母.如果这些都不起作用,试试吧window.postMessage.这是一些信息.

Answer 3

$("#iframe-id").load( function() {
    $("#iframe-id").contents().on("click", ".child-node", function() {
        //do something
    });
});