Html 谷歌Chrome浏览器的OnFocus

请浏览本网页：

---

在顶部菜单上，您可以看到按钮/链接，它们具有悬停和焦点/onclick效果（CSS），但焦点/onclick效果仅在Mozilla Firefox浏览器中有效，我希望在Google Chrome、Opera和Safari浏览器中也能起作用。

我会尝试使用onclick（）事件，而不是onfocus（）

我模模糊糊地回忆起这个问题发生在Chrome上，不是最近，但仍然是同一个问题。我将尝试查找有关详细信息的链接，但同时尝试使用onclick（）事件，看看这是否解决了您的问题

编辑：我注意到，在Chrome中，当切换到元素中时，可以看到onfocus（）工作

我确实找到了一些示例/链接，您可以查看这些示例/链接以提供帮助

• 讨论Chrome过去与onFocus（）之间存在的问题。正如我之前所建议的，还有一个关于使用onclick（）代替onFocus（）的解决方案

• 这里的问题还解释了如何将操作绑定到onClick（）中，以允许onFocus（）在Chrome中成功工作

我解决这个问题的方法是创建一个包装函数，它使用setTimeout（）来>延迟对select（）的实际调用。然后我在文本框的焦点事件>中调用该函数。使用setTimeout将延迟执行，直到调用堆栈再次为空，>这将是在浏览器完成处理您单击时发生的所有事件时（mousedown、mouseup、click、focus等）。这是一个有点黑客，但它的工作

然后，您可以执行以下操作来选择焦点：

<input onfocus="selectTextboxContent(this);" type="text" value="Search">

---

尝试在链接中添加tabindex；）我做了一些测试，它成功了。更多有关：

由柯克·沃尔在

见你：）

<input onfocus="selectTextboxContent(this);" type="text" value="Search">