Javascript 活动IFRAME的父级可以使用哪些事件?

Javascript 活动IFRAME的父级可以使用哪些事件?,javascript,jquery,html,events,iframe,Javascript,Jquery,Html,Events,Iframe,我想动态打开任何第三方网站到IFRAME与最大面积-宽度100%和高度100%。我的问题是如何从父级关闭此IFRAME,而不使用丑陋的覆盖按钮[X]?我现在知道,当活动元素为IFRAME时,父级不能接收鼠标和键盘事件。有什么想法吗?谢谢 试试看: (function() { var iframe = document.getElementsByTagName('iframe')[0]; iframe.parentElement.removeChild(iframe); }());

我想动态打开任何第三方网站到IFRAME与最大面积-宽度100%和高度100%。我的问题是如何从父级关闭此IFRAME,而不使用丑陋的覆盖按钮[X]?我现在知道,当活动元素为IFRAME时,父级不能接收鼠标和键盘事件。有什么想法吗?谢谢

试试看:

(function() {
    var iframe = document.getElementsByTagName('iframe')[0];
    iframe.parentElement.removeChild(iframe);
}());
这个看起来很有趣的包装器函数只是将变量与代码的其余部分隔离开来

然后我们选择iframe并将其保存到一个变量中,这样我们只需从DOM中选择它一次,并保持代码干净


第三行是iframe被移除的地方。我们不能直接删除它,所以我们必须转到它的父元素并从那里删除它。

我的问题是何时执行脚本,因为我不能使用IFRAME捕获的鼠标和键盘事件。如果使用全屏API,可以按ESC键退出全屏模式-我需要同样的想法,但家长无法捕获ESC按键或从顶部拖动。我在上面的评论中添加了解释。但我看不出你有什么问题。iFrame(特别是来自第三方的iFrame)被故意隔离。“X”按钮确实是最好的选择。