javascript实现回车键提交表单方法总结

  本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下:

  第一种方法:javascript实现

  

复制代码 代码如下:
<html>

  <head>

  <title> javascript 实现回车键提交表单</title>

  <meta http-equiv="content-type" content="text/html;charset=utf-8" />

  <script type="text/javascript">

  document.onkeydown = function(ev){

  ev = ev || window.event;

  if(ev.keyCode == 13){

  alert("我要提交表单了");

  }

  }

  </script>

  </head>

  <body>

  <h3>按下回车键,有惊喜</h3>

  </body>

  </html>

  第二种方法:jquery实现(ie8、chrome和firefox都支持)

  

复制代码 代码如下:
<html>

  <head>

  <title> javascript 实现回车键提交表单</title>

  <meta http-equiv="content-type" content="text/html;charset=utf-8" />

  <script type="text/javascript" src="jquery-1.8.2.min.js"></script>

  <script type="text/javascript">

  $(function(){

  $(document).keydown(function(e){

  var curKey = e.which;

  if(curKey == 13){

  alert("我要提交表单了");

  }

  });

  });

  </script>

  </head>

  <body>

  <h3>按下回车键,有惊喜</h3>

  </body>

  </html>

  希望本文所述对大家基于js的web程序设计有所帮助。