<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <script lang="javascript"> function check() { var name = document.getElementById("name").value; var password = document.getElementById("password").value; alert("name="+name+" and password="+password); } // rewrite the 'onkeydown' event to make sure 'Enter' key can be used as 'Tab' in some needed circumstances. It work fine on both IE and non-IE browsers. document.onkeydown=function(evt) { 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; } else { key = evt.which; srcobj=evt.target; } if(key==13 && srcobj.type!='button' && srcobj.type!='submit' &&srcobj.type!='reset' && srcobj.type!='textarea' && srcobj.type!='') { if(isie) event.keyCode=9; 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]; } </script> <body> <p><b>javascript 回车替换成TAB</b></p> <form> <table width="20%"> <tr> <td> name: <input type="text" id="name" size="12"> </td> </tr> <tr> <td> password: <input type="password" size="12" id="password"> </td> </tr> <tr> <td> <input type="button" value="Submit" onclick="check()"> </td> </tr> <table> <form> </body> </html> </html>