javascript實現回車鍵提交表單方法總結

2024-05-06 16:14:06

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了javascript實現回車鍵提交表單方法,實例總結了純javascript與jQuery的實現技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例總結了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>