Different browsers have different default behaviors about what to do when the user hits enter in a form. MSIE almost always submits the form, while Netscape will often just beep at you. Although it's usually best to leave the default browser behavior as it is, for some forms people just naturally tend to hit "enter" when they are ready. This is particularly true for login forms. With a little JavaScript we can set the form to submit on enter.
First, copy this script exactly as-is into the <HEAD> section of your document:
<SCRIPT TYPE="text/javascript">
<!--
function submitenter(myfield,e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;
if (keycode == 13)
{
myfield.form.submit();
return false;
}
else
return true;
}
//-->
</SCRIPT>
For each field which should submit the form when they hit enter add an onKeyPress attribute like this:
<FORM ACTION="../cgi-bin/mycgi.pl">
name: <INPUT NAME=realname SIZE=15><BR>
password: <INPUT NAME=password TYPE=PASSWORD SIZE=10
onKeyPress="return submitenter(this,event)"><BR>
<INPUT TYPE=SUBMIT VALUE="Log In">
</FORM>
Add the attribute like it is in the example. No modification is needed. This gives us this form:
name:
password:
---------------------------------------------------------------------------------------------------
<script language="javascript">
var EnterSubmit = function(evt)
{
evt = window.event || evt;
if (evt.keyCode == 13)
{
//自己應用代碼
alert('我提交了');
}
}
window.document.οnkeydοwn=EnterSubmit;
</script>
---------------------------------------------------------------------------------------------------
onKeyDown="if(event.keyCode == 13) javascript:document.form1.submit();"
在firefox 3.0中測試通過.
---------------------------------------------------------------------------------------------------
多瀏覽器，按回車提交表單的 js 代碼如下：
<html>
<head>
<title>多瀏覽器的回車提交表單</title>
<script>
function login(){
document.getElementById("myform").submit();
}
function keydown(){
if(document.addEventListener){//如果是Firefox
document.addEventListener("keypress",fireFoxHandler, true);
}else{ //如果是 IE
document.attachEvent("onkeypress",ieHandler);
}
}
function fireFoxHandler(evt){
if(evt.keyCode == 13){ // Enter 的keycode 是 13
document.getElementById("btnsubmit").click();//如果是回車鍵，使用代碼觸發提交按鈕的點擊事件。
}
}
function ieHandler(evt){
if(evt.keyCode==13){
if(event.keyCode == 13)// 偵測到按下鍵盤的按鈕，13代表回車鍵
{
event.returnValue=false; // 是當前事件的返回值爲false
event.cancel = true; // 停止當前時間繼續運行
document.getElementById("btnsubmit").click();//如果是回車鍵，使用代碼觸發提交按鈕的點擊事件。
return false;
}
}
}
</script>
</head>
<body>
<form action="*.do?method=query" method="post" name="myform" id="myform">
<input type="text" name="userName" id="userName" οnkeydοwn="keydown();"/>
<input id="btnsubmit" name="btnsubmit" type="button" onClick="login();" value="提交" class="inputbtn"/>
</form>
</body>
</html>
----------------------------------------------------------------------------------------------以下是轉載的文章：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>無標題文檔</title>
- <script language="javascript">
- function document.onkeydown()
- {
- if(event.keyCode==13)// 偵測到按下鍵盤的按鈕，13代表回車鍵
- {
- event.returnValue=false; // 是當前事件的返回值爲false
- event.cancel = true; // 停止當前時間繼續運行
- document.getElementById("btnQuery").click();//如果是回車鍵，使用代碼觸發提交按鈕的點擊事件。
- return false;
- }
- }
- </script>
- <!-- 以下是第二種寫法，效果相同 -->
- <script language="javascript">
- function aa()
- {
- if (event.keyCode == 13)
- {
- event.returnValue=false;
- event.cancel = true;
- document.getElementById("btnQuery").click();
- }
- }
- </script>
- </head>
- <body>
- <form action="b.html" method="post" name="form1" id="form1" >
- 請輸入查詢內容：
- <input name="txtbtsname" type="text" id="txtbtsname" size="60" style="width: 100px; height: 22px" />
- <input name="btnQuery" type="submit" id="btnQuery" value="查詢" >
- </form>
- </body>
- </html>
【受用了。以下是自己寫的】
//Enter提交賬號密碼
<SCRIPT TYPE="text/javascript">
<!--
function document.onkeydown() {
if (event.keyCode == 13) {
event.returnValue = false;
event.cancel = true;
document.getElementById("btnLogin").click();
return false;
}
}
//-->
</SCRIPT>
<form id="form1" name="form1" action="Login.htm" method="post"></form>