简单地记下jquery实现回车事件
全局:
$(function(){
document.onkeydown = function(e){
var ev = document.all ? window.event : e;
if(ev.keyCode==13) {
$(‘#FormId).submit();//处理事件
}
}
});
某个控件:
$(‘#id‘).keydown(function(e){
if(e.keyCode==13){
$(‘#FormId).submit(); //处理事件
}
});
if (window.event.keyCode==13) window.event.keyCode=0 //这样就取消回车键了
如果想模拟Tab键,只要写成 if (window.event.keyCode==13) window.event.keyCode=9 就行了,它会跳到另一个元素上。
来源:心有余白---->https://www.cnblogs.com/wenbo/archive/2011/08/20/2147014.html;
自己实现的代码:
<script>
var verifyCode = new GVerify("v_container");
$().ready(function () {
$("#loginName").focus();//默认登录名input获得焦点
//获得焦点时回车事件
//登录名input
$("#loginName").keydown(function (e) {
if (e.keyCode == 13)
{
LonginLoad();
}
});
//密码input
$("#loginPwd").keydown(function (e) {
if (e.keyCode == 13) {
LonginLoad();
}
});
//验证码input
$("#Code").keydown(function (e) {
if (e.keyCode == 13) {
LonginLoad();
}
});
//记住登录信息input
$("#jizhuwo").keydown(function (e) {
if (e.keyCode == 13) {
LonginLoad();
}
});
//焦点获得时回车事件 (完)
//鼠标点击
$("#login").click(function () {
LonginLoad();
});
})
//判断验证码登录、以及判断登录提交
function LonginLoad() {
var code = $("#Code").val();
var res = verifyCode.validate($("#Code").val());
var loginName = $("#loginName").val();
var loginPwd = $("#loginPwd").val();
if (loginName == "") {
layer.msg(‘请输入用户名!‘, { icon: 6 });
return;
}
if (loginPwd == "") {
layer.msg(‘请输入密码!‘, { icon: 6 });
return;
}
if (code == "") {
layer.msg(‘请输入验证码!‘, { icon: 6 });
return;
}
else {
if (res) {
//执行登录操作
layer.msg("登录成功!欢迎回来", { icon: 6 });
setTimeout(Jump, 700);//延时登录
} else {
layer.msg(‘验证码输入错误!‘, { icon: 5 });
$("#loginPwd").val("");
$("#Code").val("");
}
}
}
//成功后跳转页面
function Jump() {
window.location.href = "/MainInterface/Index";
}
</script>
在一两次尝试中遇到问题,加载之后没有焦点无法使用回车事件,去网上找了一下,也没有具体的解答。
最后自己想了这个解决方法,对自己来说还算凑合的解决方法;