业务要求:
在输入完查询条件后,按回车可以自动查询,提高操作效率。
实现要点:
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之间的区别
- KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母(注意:包括大小写)、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符
- KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘的特殊键)
- KeyPress 只能捕获单个字符
- KeyDown 和KeyUp 可以捕获组合键。
- KeyPress 可以捕获单个字符的大小写
- KeyDown和KeyUp 对于单个字符捕获的KeyValue 都是一个值,也就是不能判断单个字符的大小写。
- KeyPress 不区分小键盘和主键盘的数字字符。
- KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。
- 其中PrScrn 按键KeyPress、KeyDown和KeyUp 都不能捕获。