jQuery回车事件

标签：class   www.   span   else   http   解决方法   页面   dex   verify   

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

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

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

jQuery回车事件

标签：class   www.   span   else   http   解决方法   页面   dex   verify   

原文地址：http://www.cnblogs.com/ZXiaoHu-html/p/7874612.html