2010-01-01 98 views
19

在一個HTML表單中,我有INPUT文本框,後跟一個鏈接,然後是另一個INPUT文本框。我想從tabindex屬性/ Tab順序刪除鏈接:Javascript/JQuery從tabindex中刪除

<p> 
<input type="text" name="field1" id="field1" value="" /> 
<a href="..a url.." id="link1">more info</a> 
</p> 

<p> 
<input type="text" name="field2" id="field2" value="" /> 
</p> 

的選項卡順序是field,鏈接1,場2,我希望它是FIELD1,FIELD2沒有tabindex屬性/順序在所有鏈接1。除了通過tabindex屬性重新排序之外,還有什麼辦法可以從tab鍵中刪除link1嗎?

回答

34

你可以用HTML實現這一目標:

<p> 
<input type="text" name="field1" id="field1" value="" /> 
<a href="#" id="link1" tabindex="-1">more info</a> 
</p> 

<p> 
<input type="text" name="field2" id="field2" value="" /> 
</p> 

你也可以使用jQuery來做到這一點:

$('#link1').prop('tabIndex', -1); 
+1

它的工作原理,它解決了一個問題,我有,但它證實/是交叉瀏覽器兼容。 W3說tabindex應該介於0和32767之間..? – pnichols 2010-09-21 20:43:02

+3

它使用過渡文檔類型(我沒有檢查任何其他文檔)進行驗證,並在FF,safari,chrome,opera和IE 6,7,8中工作。 – Jage 2010-09-22 19:07:16