表單填寫時用回車代替TAB的實現(xiàn)方法
更新時間:2007年10月09日 15:48:35 作者:
關(guān)鍵之處在于tabindex,其設(shè)計思想是:為每個表單元素設(shè)置一個tabindex,其值分別為前一個表單元素的tabindex的值加一,函數(shù)的功能就是當(dāng)用戶按下回車鍵時先將當(dāng)前tabindex的值加一,而后逐一與每個表單元素的tabindex值進(jìn)行對比,如若相等,則將焦點移至該表單元素之上。
首先,我們需要在表單體中設(shè)定一個onkeyup事件:
<form name="xxx" action="YYY.asp" method="post" onkeyup="return changefocus_onkeyup()" language="javascript">
其次,在每一個表單元素中設(shè)定一個tabindex值,假定該表單有三個元素,則我們分別設(shè)定tabindex值如下:
<input type=text name="txtName" size="16" tabindex=1>
<input type=checkbox name="chkSign" tabindex=2>
<textarea name="tarContent" tabindex=3>
最后,寫出changefocus函數(shù)如下:
function newinfo_form_onkeyup()
{
key=window.event.keyCode;
if(key==0xD)//判斷是否按下回車鍵
{
CurTabIndex=event.srcElement.tabIndex 1//將當(dāng)前tabindex的值加1
for (n=0;n<newinfo_form.elements.length;n )
{
if (newinfo_form.elements[n].tabIndex==CurTabIndex) //找到下一個表單元素
{
newinfo_form.elements[n].focus(); //移動焦點
return true;
}
}
}
}
首先,我們需要在表單體中設(shè)定一個onkeyup事件:
<form name="xxx" action="YYY.asp" method="post" onkeyup="return changefocus_onkeyup()" language="javascript">
其次,在每一個表單元素中設(shè)定一個tabindex值,假定該表單有三個元素,則我們分別設(shè)定tabindex值如下:
<input type=text name="txtName" size="16" tabindex=1>
<input type=checkbox name="chkSign" tabindex=2>
<textarea name="tarContent" tabindex=3>
最后,寫出changefocus函數(shù)如下:
function newinfo_form_onkeyup()
{
key=window.event.keyCode;
if(key==0xD)//判斷是否按下回車鍵
{
CurTabIndex=event.srcElement.tabIndex 1//將當(dāng)前tabindex的值加1
for (n=0;n<newinfo_form.elements.length;n )
{
if (newinfo_form.elements[n].tabIndex==CurTabIndex) //找到下一個表單元素
{
newinfo_form.elements[n].focus(); //移動焦點
return true;
}
}
}
}
相關(guān)文章
javascript Select標(biāo)記中options操作方法集合
收集的比較全的關(guān)于用js操作select中的options方法2008-10-10
簡單form標(biāo)準(zhǔn)化實例——語義結(jié)構(gòu)
簡單form標(biāo)準(zhǔn)化實例——語義結(jié)構(gòu)...2007-02-02
checkbox 多選框 聯(lián)動實現(xiàn)代碼
對于checkbox 多選的聯(lián)動效果,是個不錯的思路,附代碼2008-10-10
javascript之文本框輸入四個數(shù)字自動加空格的腳本
javascript之文本框輸入四個數(shù)字自動加空格的腳本...2007-11-11

