tabindex的微妙使用
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
大家可能會注意到input,select,textArea等文本框都會有一個屬性tabindex,但是都沒有用過這個tabindex吧、
簡單說一下tabindex;它主要是設置頁面上使用Tab鍵改變頁面上文本框獲取焦點的順序。它的值為數(shù)字,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報錯:"由于該控件目前不可見、未啟用或其類型不允許,因此無法將焦點移向"等等、經測試,發(fā)現(xiàn)只要這個頁面打開的速度慢的時候就會報錯。 2、接下來的方法就要使用本文所說的tabindex了、 <input type='text' name = 'name1' tabindex='3'/> 如果想讓光標定位到哪個文本框,則把該文本框的tabindex設置為1,即1的優(yōu)先級最高,依次排序即可。 該文章在 2010/12/31 10:08:05 編輯過 |
相關文章
正在查詢... |