按回车提交表单js代码

 我们经常会看到关于按回车提交表单这种情况,下面我来给大家介绍关于按回车提交表单js代码方法总结,有需要的朋友可参考参考。

核心代码如下:8Gp迪尔课堂(迪尔掌上课堂)--官网 免费自学网站

 
  1. document.onkeydown=function(e){  
  2.  if(!e)e=window.event;  
  3.  if((e.keyCode||e.which)==13){  
  4.  tijiao();  
  5.  }  

完整实例,代码如下:8Gp迪尔课堂(迪尔掌上课堂)--官网 免费自学网站

 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />  
  5. <title>回车提交表单</title>    
  6. </head>  
  7. <body>  
  8. <form action="http://www.xiariboke.com" method="post" name="myForm">  
  9. <input type="text" />  
  10. <input type="submit" value="提交" name="tijiao"><font color="#999999">按回车提交表单</font>  
  11. </form>  
  12. </body>  
  13. </html>  
  14. <script language="JavaScript" type="text/javascript">  
  15. document.onkeydown = function(evt){  
  16.  var evt = window.event?window.event:evt;  
  17.  if(evt.keyCode==13)  
  18.  {  
  19.   document.forms["myForm"].submit();  
  20.  }  
  21. }  
  22. </script>  
  23.  
 
8Gp迪尔课堂(迪尔掌上课堂)--官网 免费自学网站

扫一扫手机访问