Jquery--实现input keydown回车触发登录事件
【摘要】
一、说明
任意触发
不管当前焦点在哪个input输入框，只要回车就触发事件，如登录界面。
指定触发
指定某个input输入框回车时才触发事件。
二、实现
HTML代码
<body> 输入框1：<input id="inputId1" name="inputName1" class="class...
一、说明
任意触发
不管当前焦点在哪个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按键回车触发事件的区别，点击这里了解~
文章来源: blog.csdn.net，作者：吾日三省贾斯汀，版权归原作者所有，如需转载，请联系作者。
原文链接：blog.csdn.net/JustinQin/article/details/78743049
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）