按enter键提交表单

最新推荐文章于 2022-01-05 11:46:06 发布

Seven_Cld

最新推荐文章于 2022-01-05 11:46:06 发布

阅读量938

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/Christine95/article/details/48685437

版权

js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一般表单必须要按提交按钮才可以提交表单，但是有的用户会比较喜欢按enter键提交表单。

首先，在body里加入： <body οnkeydοwn="keyDown(event);">表示按下键事件。

然后在js里：

<script type="text/javascript">
	//执行键盘按键命令
			function keyDown(e){ 
			    var keycode = 0;
			    //IE浏览器
			    if(CheckBrowserIsIE()){
			    	keycode = event.keyCode;
			    }else{
			 	//火狐浏览器
			 	keycode = e.which;
			    }
			    if (keycode == 13 ) //回车键是13
			 	{
				       //document.getElementById("login").click();
					var form = document.getElementById("dologin");
					//console.log(form);
					form.submit();
			 	}
			}
			//判断访问者的浏览器是否是IE
			function CheckBrowserIsIE(){
				var result = false;
				var browser = navigator.appName;
				if(browser == "Microsoft Internet Explorer"){
			  		result = true;
			 	}
			 	return result;
			}
	</script>

首先由于浏览器兼容的原因，必须判断当前浏览器，如果是ie或者火狐有不同的操作初始化方法。

当点击enter键时，其实是keycode == 13,如果当前是13，则获取当前表单并用submit方法提交/。