iframe中有一个表单并在其中输入。

问题描述 投票:3回答:1
用我的代码

<form> <div class="fields"> <!--onload iframe will populate this area--> </div> <div class="fields"> <!--onload iframe will populate this area--> </div> <div class="fields"> <!--onload iframe will populate this area--> </div> </form>

在页面加载时发生这种情况

<form> <div class="fields"> <iframe src="" frameborder="0"> <html> <body> <form action=""> <input type="text"> </form> </body> </html> </iframe> </div> <div class="fields"> <iframe src="" frameborder="0"> <html> <body> <form action=""> <input type="text"> </form> </body> </html> </iframe> </div> <div class="fields"> <iframe src="" frameborder="0"> <html> <body> <form action=""> <input type="text"> </form> </body> </html> </iframe> </div></form>

在Chrome中:填写表格时,在chrome中点击不会有任何问题。例如,单击第一个输入,然后按Tab键进行下一个输入,直到填写完整的表格为止。

但是在firefox mozilla中:

单击第一个输入,然后按两次以获取下一个输入。它不会直接选择输入字段,似乎会进入每个元素。

是否有脚本可以防止这种情况?像Chrome的正常行为一样?

我检查了此Tabindex to skip iframe but not content inside但我的情况有所不同

情形:我有一个页面,其中的页面加载了超过4个iframe。我无法控制此iframe,因为它是由其他网站(API)生成的; Iframe中有一个表单和输入。在我的代码中...

javascript jquery iframe mozilla tabbing
1个回答
0
投票

在整个窗口上注册事件监听器(在这种情况下,意味着整个iframe)]]

[[截取主体焦点事件(据我所知,Firefox首先将跨源iframe的主体作为焦点。也许表明它是不同的上下文。)]]

  1. 防止使用默认值-避免对焦
  2. 直接将输入放在焦点上。
© www.soinside.com 2019 - 2024. All rights reserved.