解决在INPUT文本输入过程中使用Enter提交页面的问题

最新推荐文章于 2021-01-22 22:25:56 发布

安宁

最新推荐文章于 2021-01-22 22:25:56 发布

阅读量989

点赞数

分类专栏： .net & asp.net JS & CSS & HTML 文章标签： input 浏览器 firefox function ie c

本文链接：https://blog.csdn.net/xiaoqijun/article/details/7098141

版权

.net & asp.net 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

JS & CSS & HTML

21 篇文章 0 订阅

订阅专栏

在存在Submit按钮的页面中,页面会默认将Enter链做为页面提交的默认方式

以下是利用屏蔽INPUT文本输入框中输入的Enter链方法来拒绝这种Enter方法提交页面

<html>
<head>
<script type="text/javascript">
 document.onkeydown = function(event) {  
	var target, code, tag;  
	if (!event) {  
		event = window.event; //针对ie浏览器                 
		target = event.srcElement;  
	   
		code = event.keyCode;  
		if (code == 13) {  
			tag = target.tagName;  
			if (tag != "INPUT") { return true; }  
			else { return false; }  
		}  
	}  
	else {  
		target = event.target; //针对遵循w3c标准的浏览器，如Firefox  
		code = event.keyCode;  
		if (code == 13) {  
			tag = target.tagName;  
			if (tag != "INPUT") { return false; }  
			else { return true; }   
		}  
	}  
}; 

</script>

</head>
<body>
<input type="text" value="aaaa" />
<button type="submit" οnclick="alert('bbb');">提交</button>
</body>

</html>

安宁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
解决在INPUT文本输入过程中使用Enter提交页面的问题

在存在Submit按钮的页面中,页面会默认将Enter链做为页面提交的默认方式以下是利用屏蔽INPUT文本输入框中输入的Enter链方法来拒绝这种Enter方法提交页面 document.onkeydown = function(event) { var target, code, tag; if (!event) { event = wi
复制链接

扫一扫