业务要求:

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

实现要点:

  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="width:160,value:'${vo.changeNumber}'" /> 
    <input class="easyui-textbox" id="pitemNumber" label="受影响物件编码:" labelWidth="120px" data-options="width:230" /> 
    <input class="easyui-textbox" id="citemNumber" label="子物料编码:" labelWidth="90px" data-options="width:200,value:'${vo.citemNumber}'" /> 
    <input class="easyui-textbox" id="delayRemark" label="延迟变更备注:" labelWidth="110px" data-options="width: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 都不能捕获。
posted on 2020-01-17 10:40  namelessmyth  阅读(1199)  评论(0编辑  收藏  举报