• 给EasyUI查询按钮添加回车事件.


    业务要求:

      在输入完查询条件后,按回车可以自动查询,提高操作效率。

    实现要点:

      1.首先给需要添加回车监控的组件一个div,加上id。注意不要使用easyui textbox的那个id,那并不是最终生成文本框的id

      2.在页面初始化方法中,给div加上keypress事件监听函数。但按键是回车时自动调用查询方法。

    代码参考:

        $(function() {
            $('#groupToolDiv').keypress(function(e) {
                // 兼容FF和IE和Opera
              var theEvent = e || window.event;
              var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
              if (code == 13) {
                //回车查询
                      doQuery();
              }
            });
        });
    <div id="groupToolDiv">
        <input class="easyui-textbox" id="changeNumber" label="变更单号:" labelWidth="80px" data-options="160,value:'${vo.changeNumber}'" /> 
        <input class="easyui-textbox" id="pitemNumber" label="受影响物件编码:" labelWidth="120px" data-options="230" /> 
        <input class="easyui-textbox" id="citemNumber" label="子物料编码:" labelWidth="90px" data-options="200,value:'${vo.citemNumber}'" /> 
        <input class="easyui-textbox" id="delayRemark" label="延迟变更备注:" labelWidth="110px" data-options="200,value:''" /> 
    </div>

    KeyPress 和KeyDown 、KeyUp之间的区别

    1. KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母(注意:包括大小写)、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符
    2. KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘的特殊键)
    3. KeyPress 只能捕获单个字符
    4. KeyDown 和KeyUp 可以捕获组合键。
    5. KeyPress 可以捕获单个字符的大小写
    6. KeyDown和KeyUp 对于单个字符捕获的KeyValue 都是一个值,也就是不能判断单个字符的大小写。
    7. KeyPress 不区分小键盘和主键盘的数字字符。
    8. KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。
    9. 其中PrScrn 按键KeyPress、KeyDown和KeyUp 都不能捕获。
  • 相关阅读:
    ubuntu 下安装Angular2-cli脚手架
    git的使用及常用命令(二)
    framework7+node+mongo项目
    LINUX下安装搭建nodejs及创建nodejs-express-mongoose项目
    初学strurs基础
    JAVA Struts2 搭建
    mongodb的基本操作
    LightOj_1342 Aladdin and the Magical Sticks
    Codeforces Round #Pi (Div. 2)
    Codeforces Round #315 (Div. 2)
  • 原文地址:https://www.cnblogs.com/namelessmyth/p/12204633.html
Copyright © 2020-2023  润新知