网页的按键事件在 iframe 中不起作用答案

【问题标题】：Keypress event to web page not working from iframe网页的按键事件在 iframe 中不起作用
【发布时间】：2014-11-11 05:00:52
【问题描述】：

我使用 html 和 javascript 创建了一个网页。在页面内使用 iframe 并将按键事件分配给窗口like，

<html>
  <head>
    <title>Keypress Event test</title>
    <script type="text/javascript">
      function onKeyPress(e){alert(e.keyCode);}
      window.addEventListener("keypress", onKeyPress);
    </script>
  </head>
  <body>
    <h1>Helow! Welcome!</h1>
    <iframe src="..." />
  </body>
</html>

在按键时，警报工作正常。单击 iframe 并按键后，该功能不起作用。如何从 iframe 中带来 keypress 事件？

【问题讨论】：

仅供参考：在页面加载后，按键警报不起作用。

标签： javascript html keypress

【解决方案1】：

如果您在页面上放置 iFrame，则浏览器将为页面创建一个窗口对象，并为每个 iFrame 创建一个。

我怀疑这是导致此问题的原因，因为您的代码没有明确说明要将 keypress 事件附加到哪个窗口对象。

【讨论】：