A-A+

按回车提交表单js代码

2016年02月21日 web前端设计 评论 1 条 阅读 7 views 次

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

核心代码如下:

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

完整实例,代码如下:

  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="https://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>  
标签:

1 条留言  访客:1 条  博主:0 条

  1. 司马青衫

    虽然看不懂。还是赞一个吧

给我留言