【问题标题】:How can an element inside an iframe capture a key event?iframe 中的元素如何捕获关键事件?
【发布时间】:2011-11-22 08:54:06
【问题描述】:

我在一个简单的 html 文档中有一个画布元素,带有一个附加的 keydown 和 keyup 侦听器。当我在浏览器中加载文档并开始按键时,这可以正常工作。但是,如果我将文档加载到 iframe 中,则按键时不会发生任何事情。似乎关键事件从未进入 iframe 或 iframe 内的文档。有没有办法解决这个问题?

【问题讨论】:

  • 您在按键时关注的元素是什么? iFrame 只能监听自身的事件。
  • 代码?例子? jsfiddle.net?

标签: javascript html iframe javascript-events


【解决方案1】:

我在这个问题中找到了答案。将焦点设置在 iframe 内的文档上即可解决问题

Setting focus to iframe contents

【讨论】:

    【解决方案2】:

    我发现将事件订阅到 window.top 对我有用,因为我的游戏有几个 iframe 深度。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-03-10
      • 2011-08-27
      • 2013-06-21
      • 1970-01-01
      • 2020-08-31
      相关资源
      最近更新 更多