gpt4 book ai didi

javascript - 禁用导航链接上的焦点行为?

转载 作者:行者123 更新时间:2023-12-01 02:28:52 24 4
gpt4 key购买 nike

我的问题几乎没有按钮 - 我的问题适用于 anchor 链接:How to stop buttons from staying depressed with Bootstrap 3

我正在使用 Bootstrap 3(在 FF 和 Chrome 中测试),并且我的 .navbar 已通过滚动监视功能修复。当我点击导航链接时,该链接保持在聚焦模式(并且在滚动而不点击外部时 - 我的导航现在显示两个链接![1个事件/1个焦点]),并且删除的唯一方法焦点状态是单击导航之外的任意位置。焦点状态在 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>

最佳答案

解决我困境的具体细节。现在适用于 FF 和 Chrome。

需要设置样式的(scrollspy)事件链接

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

并删除了鼠标按下时徘徊在下方的 .navbar .nav > li > a:focus {color: red;}

关于javascript - 禁用导航链接上的焦点行为?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28886441/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com