您的位置：首页 > Web前端 > JavaScript

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

2015-01-10 00:00 756 查看
本文实例总结了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程序设计有所帮助。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航