業務要求:
在輸入完查詢條件后,按回車可以自動查詢,提高操作效率。
實現要點:
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之間的區別
- 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 都不能捕獲。
