我正在为 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
});
我见过的其他帖子通常在不同的域中都有问题（这没有）。但是，仍然没有检测到该事件。
可以做这样的事情吗？
我通过这样做解决了它：
$('#filecontainer').load(function(){
var iframe = $('#filecontainer').contents();
iframe.find("#choose_pics").click(function(){
alert("test");
});
});
我不确定，但你可以使用
$("#filecontainer #choose_pic").click(function() {
// do something here
});
或者你可以<script>在 iframe 中添加一个标签（如果你可以访问里面的代码），然后window.parent.DoSomething()在框架中使用代码
function DoSomething() {
// do something here
}
在父级。如果这些都不起作用，请尝试window.postMessage. 这是有关的一些信息。
我知道这是旧的，但代码中的 ID 不匹配，一个是choose_pic一个是choose_pics：
<input type=button id=choose_pics value='Choose'>
$("#filecontainer").contents().find("#choose_pic").click(function(){
//do something
});
$("#iframe-id").load( function() {
$("#iframe-id").contents().on("click", ".child-node", function() {
//do something
});
});
tinymce API 负责处理编辑器 iframe 中的许多事件。我强烈建议使用它们。这是单击处理程序的示例
// Adds an observer to the onclick event using tinyMCE.init
tinyMCE.init({
...
setup : function(ed) {
ed.onClick.add(function(ed, e) {
console.debug('Iframe clicked:' + e.target);
});
}
});