禁用导航链接上的焦点行为？

Question

几乎我的问题减去按钮 - 我的问题适用于锚链接:如何阻止按钮与Bootstrap 3保持低迷

我正在使用Bootstrap 3(在FF和Chrome中测试),我的.navbar用scrolllspy函数修复.当我点击导航链接时,链接保持聚焦模式(滚动时不点击外部 - 我的导航现在显示两个链接![1 active/1focus]),删除焦点状态的唯一方法是单击任意位置导航之外.焦点状态在Safari中不是一个明显的问题.

我将如何使用mousedown/mouseup自动聚焦导航链接？

编辑: Mouseup/mousedown不是以前认为的潜在问题.

如果有人想知道我的#nav.谢谢!

<body id="page-top" data-spy="scroll" data-offset="" data-target=".navbar-fixed-top">

   <nav role="navigation" id="nav" class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
                <a class="navbar-brand" href="#page-top">TOP</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right text-center">
                    <li><a href="#about">ABOUT</a></li>
                    <li><a href="#work">WORK</a></li>
                    <li><a href="#contact">CONTACT</a></li>
                </ul>
            </div>
        </div>
    </nav>

Answer 1

解决我的困境的特殊细节.现在适用于FF和Chrome.

需要设置样式的(scrollspy)活动链接

.navbar-inverse .navbar-nav > .active > a:focus {color: #262A3A;}

并删除.navbar .nav > li > a:focus {color: red;}了mousedown下面的lingered.