這個是不用修改，直接放在js里就可以用的：

//按enter鍵實現tab鍵的效果
document.οnkeydοwn=function(evt){
?//document.all可以判斷瀏覽器是否是IE，是頁面內所有元素的一個集合
?var isie = (document.all) ? true : false;
?var key;
?var srcobj;
?// if the agent is an IE browser, it's easy to do this.
?if (isie) {
??key = event.keyCode;
??srcobj=event.srcElement;//event.srcElement，觸發這個事件的源對象
?}
?else {
??key = evt.which;
??srcobj=evt.target;//target是Firefox下的屬性
?}
?if(key==13 && srcobj.type!='button' && srcobj.type!='submit' &&srcobj.type!='reset' && srcobj.type!='textarea' && srcobj.type!='') {
??if(isie)
???event.keyCode=9;//設置按鍵為tab鍵
??else {
???var el=getNextElement(evt.target);
???if (el.type!='hidden')
????;?? //nothing to do here.
???else
????while(el.type=='hidden')
?????el=getNextElement(el);
???if(!el)
????return false;
???else
????el.focus();
??}
?}
}

function getNextElement(field) {
?var form = field.form;
?for(var e = 0; e < form.elements.length; e++) {
??if (field == form.elements[e])
??break;
?}
?return form.elements[++e % form.elements.length];
}

順便介紹一下document.all的功能：

document.all用法?
一.

document.all是頁面內所有元素的一個集合。例如：??????
document.all(0)表示頁面內第一個元素
二.
document.all可以判斷瀏覽器是否是IE??
if(document.all)

{??
??? alert("is?? IE!");??
}
三.
也可以通過給某個元素設置id屬性（id=aaaa）,然后用document.all.aaaa調用該元素
四.
案例：

代碼1:????
? <input?? name=aaa?? value=aaa>??
? <input?? id=bbb?? value=bbb>???
? <script?? language=Jscript>??
????? alert(document.all.aaa.value)???? //根據name取value??
????? alert(document.all.bbb.value)???? //根據id取?? value??
? </script>????
代碼2：??
但是常常name可以相同(如:用checkbox取用戶的多項愛好的情況)???
? <input?? name=aaa?? value=a1>??
? <input?? name=aaa?? value=a2>??
??<input?? id=bbb?? value=bbb>??
? <script?? language=Jscript>??
????? alert(document.all.aaa(0).value)???? //顯示a1??
????? alert(document.all.aaa(1).value)???? //顯示a2??
????? alert(document.all.bbb(0).value)???? //這行代碼會失敗?
? </script>????
代碼3：??
理論上一個頁面中的id是互不相同的，如果出現不同tags有相同的id??
? document.all.id?? 就會失敗,就象這樣：??
? <input?? id=aaa?? value=a1>??
? <input?? id=aaa?? value=a2>??
? <script?? language=Jscript>??
??????alert(document.all.aaa.value)???? //顯示?? undefined?? 而不是?? a1或者a2?
? </script>??

　也就是說document.all[]是文檔中所有標簽組成的一個數組變量，
包括了文檔對象中所有元素
　document.all[]這個數組可以訪問文檔中所有元素。

?

總結

以上是生活随笔為你收集整理的js实现enter键tab功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。