在Chrome选项卡中键无法正常工作

Question

在Chrome浏览器中，标签键无法正常工作。

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

<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>

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

在第一次点击tab键时，使用chrome光标中的Tab键不会进入第二个字段。它是第二次按Tab键。

但它适用于所有浏览器，除了chrome和safari。

Answer 1

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

1. 按F12进入您的Google Chrome（开发控制台）。
2. 打开申请表
3. 进入开发者控制台，打开“控制台”标签，然后输入以下代码：

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

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

就我而言，我们正在使用带角度和引导程序的模态组件。当我们显示模态时，从第三方库更改“window.onkeydown”事件并阻止一些键转发到我的屏幕。

Answer 2

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

Answer 3

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