Jquery--实现input keydown回车触发登录事件

最新推荐文章于 2024-10-14 15:38:34 发布

吾日三省贾斯汀

最新推荐文章于 2024-10-14 15:38:34 发布

阅读量1.1w

点赞数 3

分类专栏： 02丨WEB 文章标签： jquery keydown 回车登录

本文链接：https://blog.csdn.net/JustinQin/article/details/78743049

版权

02丨WEB 专栏收录该内容

9 篇文章 6 订阅

订阅专栏

一、说明

任意触发

不管当前焦点在哪个input输入框，只要回车就触发事件，如登录界面。

指定触发

指定某个input输入框回车时才触发事件。

二、实现

HTML代码

<body>
	输入框1：<input id="inputId1" name="inputName1" class="className1"/><br>
	输入框2：<input id="inputId2" name="inputName2" class="className2"/><br>
	<!--  引入Jquery -->
	<script src="${dynamicDomain }/static/js/jquery-1.11.1.min.js"></script>
</body>

JS代码

<script type="text/javascript">
$(function(){
	var event = arguments.callee.caller.arguments[0] || window.event;// 消除浏览器差异
	//第1种，任意触发
	$(document).keydown(function(event) {
		if (event.keyCode == 13) {
  			alert('登录事件'); //登录事件
		}
	});
	//第2种，指定触发
	$('#inputId1').keydown(function(event) {
		if (event.keyCode == 13) {
			alert('你输入的值是' + $('#inputId1').val());	
		}
	});
});
</script>

onkeydown和onkeyup按键回车触发事件的区别，点击这里了解~