2013-01-03 10 views
2

在軌道上使用ruby表單生成器來創建大量的輸入字段。設置輸入的t​​abIndex,我仍然不能在所有標籤ie9

雖然Chrome/Firefox中的表單很好,但在IE9中Tab鍵已損壞。

所以我做了一些研究,並決定設置的輸入,像這樣的tabIndex

<script> 
$(document).ready(function(){ 
    var isIE = /*@[email protected]*/false; 
    if(isIE){ 
     var inputs = document.getElementsByTagName("input"); 
     for (var i = 0; i < inputs.length; i++){ 
      inputs[i].setAttribute("tabIndex", ""+i+""); 
     } 
    } 
}) 
</script> 

相當速戰速決,反正,我測試一下,和inputstabIndex現在,但他們仍然沒有正確選擇。 爲什麼這不起作用?有沒有人有更好的解決方案?

編輯:被打破互聯是指這種行爲:

我點擊第一個輸入字段命中選項卡上,輸入失去焦點,但接下來輸入不獲得焦點。如果我再次打開標籤,那麼我最終只會將焦點放在第一次輸入上。這在一個永無止境的循環中重複出現。

另外我知道text-areasselects不是輸入,我想在這一點上做的只是獲得某種Tab鍵功能的工作。即使它跳過這些元素。

鏈接到站點:right here在IE9中打開以查看錯誤的選項卡行爲。 鏈接驗證插件代碼:right here

+1

請澄清_'not黏合correctly'_。請記住,一些輸入元素不是標籤'input'(如'select'和'textarea')。 – Halcyon

+0

@FritsvanCampen我編輯爲清晰。 – Ryan

+1

還有什麼其他的焦點或tabIndex搞亂了嗎?是否有可能在某處設置了tabIndex的元素? – Halcyon

回答

相關問題