<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中有一个表单和输入。在我的代码中...
在整个窗口上注册事件监听器(在这种情况下,意味着整个iframe)]][[截取主体焦点事件(据我所知,Firefox首先将跨源iframe的主体作为焦点。也许表明它是不同的上下文。)]]
- 防止使用默认值-避免对焦
- 直接将输入放在焦点上。