登录
首页 >  文章 >  前端

iframe自动聚焦激活keydown事件方法

时间:2026-04-12 20:27:49 156浏览 收藏

本文深入解析了 iframe 加载后键盘事件(如 keydown)无法触发的根本原因——浏览器默认不自动赋予其 contentWindow 焦点,并提供了一套简洁可靠、兼顾兼容性与安全性的 JavaScript 解决方案:在 iframe 的 load 事件中调用 contentWindow.focus() 主动获取焦点,同时详述了同源限制、sandbox 配置、加载时机优化及跨域替代策略,帮助开发者快速修复交互断点,让嵌入式内容真正“活”起来。

为 iframe 内容自动获取焦点以激活 keydown 事件监听器

iframe 加载后默认不聚焦,导致其内部 document 的 keydown 事件监听器无法响应键盘输入;通过 JavaScript 在 iframe 加载完成时调用 contentWindow.focus() 可主动赋予焦点,从而启用键盘事件监听。

iframe 加载后默认不聚焦,导致其内部 document 的 keydown 事件监听器无法响应键盘输入;通过 JavaScript 在 iframe 加载完成时调用 contentWindow.focus() 可主动赋予焦点,从而启用键盘事件监听。

在 Web 开发中,当页面嵌入