jQuery回车事件

简单地记下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>

 

在一两次尝试中遇到问题,加载之后没有焦点无法使用回车事件,去网上找了一下,也没有具体的解答。

最后自己想了这个解决方法,对自己来说还算凑合的解决方法;

 

posted @ 2017-11-21 18:02  ZXiaoHu  阅读(771)  评论(3编辑  收藏  举报