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

    jQuery响应enter键的实现思路_jquery

    2016-05-16 16:51:56原创485
    有时候我们有这样的需求:当用户在表单里数据完数据后,之间按enter键就可以执行查询或者保存的操作。实现的思路如下。

    让你的form表单或需要响应enter键的区域处于div之间。形如:
    复制代码 代码如下:



    单位名称:value="${qureyBean.com_name}" />

    查询



    响应键盘enter键的js:
    复制代码 代码如下:

    $(".top_inputbox").keypress(function (e){
    var code = event.keyCode;
    if (13 == code) {
    alert("响应键盘的enter事件");
    }
    });

    这样你就可以alert做你想做的操作了。

    公司目前用的是这样的响应:
    复制代码 代码如下:

    //回车快捷查询
    $(".top_inputbox").keypress(function (e) {
    var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
    if (keyCode == 13){
    alert("响应键盘的enter事件");
    }
    });

    我在网上搜了一下,e.keyCode ? e.keyCode : e.which ? e.which : e.charCode 这是为了兼容性。
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jQuery enter键
    上一篇:jQuery过滤选择器:not()方法使用介绍_jquery 下一篇:js截取中英文字符串、标点符号无乱码示例解读_javascript技巧
    千万级数据并发解决方案

    相关文章推荐

    • angular学习之路由模块浅析• JavaScript怎么实现基础类型和对象一样有属性和方法• angular学习之聊聊两种类型的表单• 值得了解的几个实用JavaScript优化小技巧• JavaScript学习理解之JSON(总结分享)
    1/1

    PHP中文网