Question

请访问此页面： http://hyindia.com/demo/agenda/index.html

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

Answer 1

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

我模糊地回忆起Chrome中出现的这个问题，不是最近，但仍然是同一个问题。我将尝试在细节上找到一个链接，但同时请尝试使用onclick（）事件，看看是否能解决您的问题。

编辑我注意到在Chrome中你可以看到onfocus（）在拼贴到元素时工作...

我确实找到了一些你可以看一下帮助的例子/链接。

http://www.google.com/support/forum/p/Chrome/thread?tid=62fbd469dcbe910c&hl=en

讨论过去Chrome与onFocus（）的问题。也是我之前建议使用onclick（）的解决方案，代替onFocus（）

problem with Chrome form handling: input onfocus="this.select()"

此处的过去问题还解释了如何将操作绑定到onClick（）以允许onFocus（）在Chrome中成功运行。

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

function selectTextboxContent(textbox)
{
setTimeout(function() { textbox.select(); }, 10);
}

然后你可以做这样的事情来做焦点选择：

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

Answer 2

尝试在链接中添加tabindex;）我做了一些测试，但它确实有效。有关详细信息：http://nemisj.com/focusable/

Kirk Woll在this thread

中的建议

见ya'：）

适用于Google Chrome浏览器的OnFocus

2 个答案: