日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

        大家可能會注意到input,select,textArea等文本框都會有一個屬性tabindex，但是都沒有用過這個tabindex吧、
簡單說一下tabindex；它主要是設置頁面上使用Tab鍵改變頁面上文本框獲取焦點的順序。它的值為數字，1,2,3。。。
默認進入頁面，光標（即焦點）會選中左上方第一個文本框。 

目前項目中遇到打開個子窗口時候，不想讓子頁面的光標定位到默認的文本框中，該怎么辦呢？

<input type='text' name = 'name1'/>
<select name = 'name2'><option value='1'></option></select>
<textArea name="name3" cols='2' rows='2'></textArea>

 默認頁面光標定位到type="text"中，如果我想讓光標定位到select文本框上，目前有兩個方法：

 

 1、一般有人都會在該頁面的最后部分加上一個JavaScript、     

 <script langage="text/javascript">
         document.form.name2.focus();
   </script>

      但是這種方法偶爾會js報錯："由于該控件目前不可見、未啟用或其類型不允許，因此無法將焦點移向"等等、經測試，發現只要這個頁面打開的速度慢的時候就會報錯。

2、接下來的方法就要使用本文所說的tabindex了、

   <input type='text' name = 'name1' tabindex='3'/>
   <select name = 'name2'><option value='1' tabindex='1'></option></select>
   <textArea name="name3" cols='2' rows='2' tabindex='2'></textArea>

如果想讓光標定位到哪個文本框，則把該文本框的tabindex設置為1，即1的優先級最高，依次排序即可。