鼠标在iframe上点击过后，导致整个页面的快捷键失效

Question

我们在开发一个阅读类的应用，书的内容由后台给出，直接铺在一个iframe上（这点无法改变），它的API提供了几个方法，包括翻页功能。在iframe外面，我做了2个Button，分别绑定了向前翻页和向后翻页。现在需求方要增加使用快捷键进行翻页。我已经实现了。可是发现只要用户把鼠标在书本内容上（iframe上）进行操作后，快捷键就失灵了。必须将鼠标在iframe外再点击一下才能生效。

我分析应该是focus所在位置影响造成的。现在不知道该怎么办了。希望大家可以提供一些解决思路。

PS：鼠标在iframe上也必须有焦点事件艾诺，因为用户会进行查词点选。

Answer 1

侦听 iframe 内部的事件 (如果是同一个域) 并且指向你顶层的事件处理函数。(翻页 etc.)

Answer 2

网页中内嵌其他网页，焦点必须在内嵌网页时，内嵌网页的快捷键才会生效。解决方法也很简单，根据你的业务需求，自动获取焦点就好了

Answer 3

请问楼主这个问题解决了吗? 我现在是iframe全屏下,有键盘切换, 只要点击鼠标后键盘就失效了 ..