logo标签列表

通过TAB键导航

htmliframeclient-sidetabindex
3

我正在开发一个LAMP应用程序。在我的应用程序中，我使用iframe标签。我想通过使用Tab键浏览我的应用程序。一切都好。但是Tab键无法选择到IFRAME标签内部。

有没有哪位能够回答这个问题的呢？

<html>
<body>
<div>
other codes..
</div>
    <div id="main-content1" style="position:absolute;float:none;top:80px;margin-left:170px;width: 830px;">
              <iframe onload="IfarmeOnload();"  style="display:block; margin-left:none;  margin-right:none; width: 100%; height: 100%;" src="<?php echo $home; ?>" id="rightMenu" name="rightMenu"   frameborder="0">
              </iframe>

    </div>



    </body>
</html>
你能列出使用iframe的三个好处吗？我相信一定有更好的方法。 - jrharshath
我正在通过echo $home变量将所有内容加载到iframe中；$home变量包含站点内容。 - Roshan Wijesena
1
在这种情况下，使用ajax来加载内容。不要使用iframe来显示您自己应用程序的内容。通常，iframes将有助于显示来自其他域的内容，或者如果它们是绝对必要的（例如Facebook社交插件）。 - jrharshath
3个回答
3
1

查看您的浏览器文档，了解在帧之间导航的快捷键。

完成后，您应该能够导航到 iframe，然后使用 Tab 键进行进一步导航 - 或者如果您的浏览器没有操作的快捷键 - 您将无法做任何事情。

我正在使用Chrome浏览器，在Gmail中使用Tab键正常工作，但在我的应用程序中却不行。 - Roshan Wijesena
1
@Roshan：Gmail可能会利用JavaScript处理关键事件，并手动处理焦点位置的变化。然而，这并不总是可能的，也不是跨浏览器体验中真正的琐事。只需查看Gmail代码如何完成以获得印象。只使用浏览器的热键应该始终有效。 - hakre
1

嗨，我通过自己在 SF 上找到了解决方案。

请看这个：

div 上的 Tab Index
敬礼

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接