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>

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

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

时间: 2024-11-10 07:34:38

jQuery回车事件的相关文章

jquery 回车事件

应用场景是这样的:有一个搜索框,输入关键字执行搜索. 所以写下以下代码 $("#txt").keydown(function (event) { if (event.keyCode == 13) { $("#btn").trigger("click"); } }); 但是总是被刷新掉,但是找了半天没有找到刷新的原因. 最后还是度娘啊~~度娘啊~~~,终于找到原因 <form id="form1" runat="

JQuery 回车事件enter使用示例

//点击enter,用户登陆 $("#txtLoginPwd").keydown(function (e) { if (e.which == 13) { UserLogin(); } }); 注意:是“keydown”而不是“keypress”

jquery获取回车事件

    $(document).ready(function(){  $("按下回车的控件").keydown(function(e){  var curkey = e.which;  if(curkey == 13){  $("#回车事件按钮控件").click();  return false;  }  });  });

jquery 键盘回车事件

<input id="search" placeholder="输入要领用的资产条码" id="scanCode" type="text"> 输入文本后,回车事件 $('#search').keydown(function(e){ if (e.keyCode == 13) { var arg0 = $("#search").val(); //执行自己的搜索事件 alert(arg0); } })

jQuery键盘事件 ctrl+Enter回车键提交表单

分享下jquery键盘事件的一些例子,个人感觉还不错,有空时多多研究. 键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex

jquery键盘事件全记录

很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 二.获得键盘上对应的ascII码: 1 2 3 $(document).keydown(function(event){        

js/jquery回车提交

1.JavaScript 方法: [javascript] <script> document.onkeydown=function(event){ e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert('回车检测到了'); } } </script> <script> document.onkeydown=function(event){ e

jquery回车提交表单

jquery回车提交表单,比较方便的功能. 三个事件keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 ,所以用keyup. $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); }});

easyui-combobox绑定回车事件注意事项

回车事件的定义的位置必须是easyui-combobox数据加载的后面,才有效果. HTML文件: <select id="aucBrandNo" class="easyui-combobox" name="aucBrandNo" style="width: 160px;" data-options="required:true,onHidePanel:function(){validateComboboxIn