tabindex的微妙使用
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
大家可能會(huì)注意到input,select,textArea等文本框都會(huì)有一個(gè)屬性tabindex,但是都沒(méi)有用過(guò)這個(gè)tabindex吧、
簡(jiǎn)單說(shuō)一下tabindex;它主要是設(shè)置頁(yè)面上使用Tab鍵改變頁(yè)面上文本框獲取焦點(diǎn)的順序。它的值為數(shù)字,1,2,3。。。 默認(rèn)進(jìn)入頁(yè)面,光標(biāo)(即焦點(diǎn))會(huì)選中左上方第一個(gè)文本框。 目前項(xiàng)目中遇到打開(kāi)個(gè)子窗口時(shí)候,不想讓子頁(yè)面的光標(biāo)定位到默認(rèn)的文本框中,該怎么辦呢?
<input type='text' name = 'name1'/> <select name = 'name2'><option value='1'></option></select> <textArea name="name3" cols='2' rows='2'></textArea> 默認(rèn)頁(yè)面光標(biāo)定位到type="text"中,如果我想讓光標(biāo)定位到select文本框上,目前有兩個(gè)方法:
1、一般有人都會(huì)在該頁(yè)面的最后部分加上一個(gè)JavaScript、 <script langage="text/javascript"> document.form.name2.focus(); </script> 但是這種方法偶爾會(huì)js報(bào)錯(cuò):"由于該控件目前不可見(jiàn)、未啟用或其類型不允許,因此無(wú)法將焦點(diǎn)移向"等等、經(jīng)測(cè)試,發(fā)現(xiàn)只要這個(gè)頁(yè)面打開(kāi)的速度慢的時(shí)候就會(huì)報(bào)錯(cuò)。 2、接下來(lái)的方法就要使用本文所說(shuō)的tabindex了、 <input type='text' name = 'name1' tabindex='3'/> 如果想讓光標(biāo)定位到哪個(gè)文本框,則把該文本框的tabindex設(shè)置為1,即1的優(yōu)先級(jí)最高,依次排序即可。 該文章在 2010/12/31 10:08:05 編輯過(guò) |
相關(guān)文章
正在查詢... |