表單填寫時(shí)用回車代替TAB的實(shí)現(xiàn)方法
更新時(shí)間:2007年10月09日 15:48:35 作者:
關(guān)鍵之處在于tabindex,其設(shè)計(jì)思想是:為每個(gè)表單元素設(shè)置一個(gè)tabindex,其值分別為前一個(gè)表單元素的tabindex的值加一,函數(shù)的功能就是當(dāng)用戶按下回車鍵時(shí)先將當(dāng)前tabindex的值加一,而后逐一與每個(gè)表單元素的tabindex值進(jìn)行對(duì)比,如若相等,則將焦點(diǎn)移至該表單元素之上。
首先,我們需要在表單體中設(shè)定一個(gè)onkeyup事件:
<form name="xxx" action="YYY.asp" method="post" onkeyup="return changefocus_onkeyup()" language="javascript">
其次,在每一個(gè)表單元素中設(shè)定一個(gè)tabindex值,假定該表單有三個(gè)元素,則我們分別設(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) //找到下一個(gè)表單元素
{
newinfo_form.elements[n].focus(); //移動(dòng)焦點(diǎn)
return true;
}
}
}
}
首先,我們需要在表單體中設(shè)定一個(gè)onkeyup事件:
<form name="xxx" action="YYY.asp" method="post" onkeyup="return changefocus_onkeyup()" language="javascript">
其次,在每一個(gè)表單元素中設(shè)定一個(gè)tabindex值,假定該表單有三個(gè)元素,則我們分別設(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) //找到下一個(gè)表單元素
{
newinfo_form.elements[n].focus(); //移動(dòng)焦點(diǎn)
return true;
}
}
}
}
相關(guān)文章
js下在password表單內(nèi)顯示提示信息的解決辦法
js下在password表單內(nèi)顯示提示信息的解決辦法...2007-08-08文本框根據(jù)輸入內(nèi)容自適應(yīng)高度的代碼
我最煩wordpress編輯器容器那狹窄的高度,每次都需要手動(dòng)調(diào)節(jié),很不好用2011-10-10一個(gè)非常強(qiáng)大完整的web表單驗(yàn)證程序Validator v1.05
一個(gè)非常強(qiáng)大完整的web表單驗(yàn)證程序Validator v1.05...2006-07-07關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧
關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧...2007-02-02javascript 清空f(shuō)orm表單中某種元素的值
比如在一個(gè)表單元素中 我們可以通過(guò)手寫函數(shù),清空某種元素的值,以上是我的個(gè)人總結(jié),高手就繞過(guò)。2009-12-12