iframe中按钮的onclick功能

Question

我的网站上有一个包含外部内容的iframe。 在iframe内容的代码中，是一个ID为“ XYZ”的按钮

我想对此设置onclick函数。 我尝试过这样的事情：

$( "#XYZ" ).click(function() {
alert("CLICK");
});

但这不起作用>没有警报。 我的错误在哪里？

Answer 1

iframe具有其自己的上下文。您无法像使用Jquery那样直接访问它。 您需要先获取iFrame内容。

$('#frame').contents().find('#XYZ').on('click', () => alert('CLICK');

您可能会遇到一些权限错误，因为某些iframe具有same origin policy