給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="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 都不能捕獲。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM