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)