2012-01-26 59 views
0

在鉻瀏覽器標籤鍵無法正常工作。在鉻標籤鍵不能正常工作

我在我的網站中使用了兩個輸入文本字段。

<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瀏覽器。

+0

這是你的代碼在你的問題?或者你是否已經參與了部分代碼向我們展示? –

+0

這工作正常。您需要發佈更多代碼或鏈接到您的頁面。任何機會js干擾? – mrtsherman

+0

謝謝..但它沒有工作它打破了一些where..how工作tab鍵使用jquery –

回答

0

似乎是工作的罰款在Chrome 18的/ dev的Mac: http://jsfiddle.net/uxwv7/

+0

yes.its在此工作正常,但在我的應用程序標籤輸入字段 –

+0

內?你的意思是輸入字段在標籤內?無論哪種方式,'tabindex'應該保持'input'標籤的屬性。 – Tim

+0

..我的代碼是按這個順序排列的..我已經調整了標籤在輸入文本中的可見性,例如佔位符(不是佔位符)使用不透明度淡出文本。 –

1

刪除兩個輸入標記,tabindex屬性領域!

1

我對所用的所有瀏覽器都有同樣的問題。

  1. 將F12按入您的Google Chrome(開發控制檯)。
  2. 打開您的申請表
  3. 進入開發者控制檯,打開 「控制檯」 選項卡並輸入波紋管代碼:

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

JavaScript控制檯會打印出「window.onkeydown 「函數,如果這個函數不是覆蓋,控制檯將顯示」null「值。如果您使用任何覆蓋window.onkeydown的UI庫,您將在此控制檯上識別出重寫此回調的事件。

就我而言,我們使用的是帶角度和自舉的模態組件。當我們顯示模式時,從第三方庫更改「window.onkeydown」事件並阻止一些鍵被轉發到我的屏幕。