按“回车”键提交表单

最新推荐文章于 2021-08-05 16:11:53 发布

HoldBelief

最新推荐文章于 2021-08-05 16:11:53 发布

阅读量155

点赞数

分类专栏： JavaScript&Ajax 文章标签： JavaScript Struts HTML XHTML Servlet ViewUI

本文链接：https://blog.csdn.net/HoldBelief/article/details/83327756

版权

JavaScript&Ajax 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

<!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>

b.html和a.html处于同一目录下即可。当然更多情况下是Servlet或者Struts的Action。