首页 > 解决方案 > iframe中按钮上的onclick功能

问题描述

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

我想为此设置一个 onclick 功能。我尝试过这样的事情:

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

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

标签: javascriptjqueryiframeonclick

解决方案


Iframe 有自己的上下文。您不能像使用 Jquery 那样直接访问它。您需要先获取 iFrame 内容。

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

您可能会遇到一些权限错误,因为某些 iframe 具有相同的来源策略


推荐阅读