在 chrome tab 键不能正常工作答案

【问题标题】：In chrome tab key is not working properly在 chrome tab 键不能正常工作
【发布时间】：2012-01-26 05:09:39
【问题描述】：

在 chrome 浏览器中的 tab 键不能正常工作。

我在我的网站中使用了两个输入文本字段。

<div>
   <input type="text" tabindex="1" 
          class="loginBox valid" name="userName" id="userName">
</div>
<div>
    <input type="password" id="password" name="password" 
           class="loginBox" tabindex="2">
</div>

样式：背景、边框、宽度、不透明度。

虽然在 chrome 光标中使用 tab 键，但在第一次点击 tab 键时不会转到第二个字段。它会在第二次按 Tab 键时进行。

但它在除 chrome 和 safari 之外的所有浏览器中都能正常工作。

【问题讨论】：

这是您问题中的代码吗？或者你有没有拿一部分代码给我们看？
这很好用。您将需要发布更多代码或指向您的页面的链接。有没有机会 js 干扰？
谢谢 ..但它不工作它打破了一些地方..如何使用 jquery 工作制表键

标签： html tabs accessibility

【解决方案1】：

我使用的所有浏览器都有同样的问题。

在您的 Google Chrome（开发控制台）中按 F12。
打开您的申请表
进入开发者控制台，打开“控制台”选项卡，输入以下代码：

setInterval(function() {console.log(window.onkeydown)}, 1000);

javascript 控制台将打印“window.onkeydown”函数，如果此函数未被覆盖，控制台将显示“null”值。如果您使用任何覆盖 window.onkeydown 的 UI 库，您将在此控制台上识别覆盖此回调的事件。

在我的例子中，我们使用带有 angular 和 bootstrap 的模态组件。当我们显示模式时，从 3rd 方库更改“window.onkeydown”事件并阻止一些键转发到我的屏幕。

【讨论】：

每次按键时总是输出 null

【解决方案2】：

删除两个输入标签中的 tabindex 字段！！

【讨论】：

【解决方案3】：

似乎在 Chrome 18/dev Mac 中运行良好： http://jsfiddle.net/uxwv7/

【讨论】：

是的。它在 this.but 在我的应用程序中工作正常。电子邮件（或）昵称标签位于输入字段内
?您的意思是输入字段在labels 内？无论哪种方式，tabindex 都应该是input 标签的属性。
..我的代码按此顺序排列..我已将标签调整为在输入文本中可见持有人（不是占位符）使用不透明度淡化文本。
@karthick k，您需要发布您的真实代码以获得帮助。