Javascript Firefox中锚定标记之间的选项卡_Javascript_Html_Google Chrome_Firefox_Browser

Javascript Firefox中锚定标记之间的选项卡

javascript html google-chrome firefox browser

Javascript Firefox中锚定标记之间的选项卡,javascript,html,google-chrome,firefox,browser,Javascript,Html,Google Chrome,Firefox,Browser,此文档在Firefox 36中显示不正确。标签的值应记录到控制台。在铬上工作 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> a { height: 10px; width: 10px;

此文档在Firefox 36中显示不正确。标签的值应记录到控制台。在铬上工作

<!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <style type="text/css">
            a {
                height: 10px;
                width: 10px;
                margin: 2px;
                padding: 2px;
                background: mediumaquamarine;
                display: block;
            }
        </style>
    </head>
    <body>
        <a href="#" class="tab">1</a>
        <a href="#" class="tab">2</a>
        <a href="#" class="tab">3</a>
        <a href="#" class="tab">4</a>
        <a href="#" class="tab">5</a>

        <script type="text/javascript">
        var tabs = document.querySelectorAll('.tab');

        for(var i = 0; i < tabs.length; i++) {
            addTabEv(tabs[i]);
        }

        function addTabEv(el) {
            el.addEventListener('focus', logHTML);
        };
        function logHTML(e) {
            console.log(e.target.innerHTML);
        };

        </script>
    </body>
    </html>


a{
高度：10px；
宽度：10px；
保证金：2倍；
填充：2px；
背景：mediumaquamarine；
显示：块；
}
var tabs=document.querySelectorAll（'.tab'）；
对于（变量i=0；i

当我点击它们时，它对我有效。我没有在FF中启用选项卡（该浏览器中的默认设置），所以选项卡什么都不做。在Chrome中，当我在每个链接上单击或tab（焦点）时，它会起作用。默认情况下，锚不可tab？它们也不能用tabindex显式表示。这与使用div时所表现的行为相反。当然，默认情况下锚是“可选项卡的”。我也不认为这在Firefox默认情况下是“禁用”的，但这在普通安装中不起作用