search

Home  >  Q&A  >  body text

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

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

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

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

PHP中文网PHP中文网2822 days ago309

reply all(1)I'll reply

  • 大家讲道理

    大家讲道理2017-04-10 17:04:39

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

    reply
    0
  • Cancelreply