在Chrome上单击时,链接不会获得焦点
Links do not receive the focus when clicked on Chrome
我在Chrome上遇到了一个非常奇怪的行为,对我来说这似乎是一个错误:当你点击一个链接时,链接不会收到焦点。更糟糕的是,身体反而占据了焦点。
这种行为可以在这里观察到:http://jsfiddle.net/YfbR7/4/(see code sample here
)
这是个虫子吗?这是标准行为吗?有没有什么变通方法可以像在其他浏览器上一样,让链接在鼠标按下时获得焦点?
将选项卡索引添加到锚标记中,它应该可以工作,它不是一个bug,而是一个web工具包。
<a href="#" tabindex="1">Click me</a>
除了接受的答案之外:
由于将tabindex
设置为1
会更改TAB的行为,因此我建议将其设置为-1
:它不会破坏TAB导航,并且仍然会使其无法聚焦。
<a href="#" tabindex="-1">Example</a>
顺便说一句,这里有一篇关于这些问题的非常好的文章。
注意:同样的事情也发生在我身上,但只是在Safari上:Chrome可能已经解决了这个问题
链接应始终以本机方式接收焦点。如果你的链接没有href
属性,它就不会(但不确定没有href的链接的用例!)。
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 如何使用jQuery自动打开页面上的所有链接
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- jquery动画可以通过编程链接吗
- 在单击href链接的同时下载文件
- 尽管链接成功并已成功下载,但未找到NPM模块
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 单击页面上的链接后高度发生变化
- 强制单击空链接以不移动页面焦点
- 如何使用jQuery获得超链接上的焦点或文本字段焦点上的按钮
- 通过锚链接实现跳到主要内容技术时更新键盘焦点
- 在Chrome上单击时,链接不会获得焦点
- 如何在页面刷新后链接获取焦点
- 带有链接焦点/鼠标悬停的D3倍数提示:十字瞄准焦点线不适合x轴
- Javascript -在锚链接上的焦点/跳转在所有浏览器中表现相同(加上可能添加哈希#链接)
- 从谷歌地图v3的onclick链接信息窗口移除焦点
- 单击链接后,将焦点设置在输入元素上
- 单击链接时焦点输入中的 Keyup 事件
- 使用链接设置窗口焦点