• 技术文章 >web前端 >js教程

    Jquery响应回车键直接提交表单操作代码_jquery

    2016-05-16 16:41:15原创488
    事情是这样的,做了一个登陆页面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服务器交互,但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧:
    复制代码 代码如下:

    $("#loginbox input[type='submit']").click(function() {
    //Ajax 与服务器交互验证
    });
    $('#loginbox').keydown(function(e){
    if(e.keyCode == 13){
    //模拟点击登陆按钮,触发上面的 Click 事件
    $("#loginbox input[type='submit']").click();
    }
    });

    如果使用keydown的话,IE6可能无效,解决方法请接着往下看

    键盘事件有3:

    keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 。

    正确代码为:

    复制代码 代码如下:

    $(document).keyup(function(event){
    if(event.keyCode ==13){
    $("#submit").trigger("click");
    }
    });

    推荐:keyup,防止笔记本键盘不小心触摸到了

    1.有些文档中有写成这样:

    复制代码 代码如下:

    $(window).keydown(function(){
    ...
    })

    XP系统IE6下是不成功的。

    2.还有INPUT的

    复制代码 代码如下:

    $("input").keydown(function(){
    ...
    })

    这种情况要在input获取焦点时候,才能监听到键盘事件。
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:用javascript对一个json数组深度赋值示例_javascript技巧 下一篇:JS中使用sort结合localeCompare实现中文排序实例_javascript技巧
    PHP编程就业班

    相关文章推荐

    • 简单对比Node中的setHeader和writeHead,聊聊差异• 浅析React18中的SuspenseList,聊聊有什么用• JavaScript学习理解之JSON(总结分享)• 带你了解React中的Ref,值得了解的知识点分享• 一起聊聊JavaScript函数式编程

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网