首頁  >  文章  >  web前端  >  jquery如何判斷是否按下了Enter鍵

jquery如何判斷是否按下了Enter鍵

coldplay.xixi
coldplay.xixi原創
2020-12-11 09:57:492277瀏覽

jquery判斷是否按下了Enter鍵的方法:使用keynum方法判斷,程式碼為【$('#textBox').keypress(function(event){var keynum = (event.keyCode ?event. keyC】。

jquery如何判斷是否按下了Enter鍵

本教學操作環境:windows7系統、jquery3.2.1版本、thinkpad t480電腦。

建議:jquery影片教學

jquery判斷是否按下了Enter鍵的方法:

在jquery中,透過如下的方法,判斷是否按下了Enter(回車)

$('#textBox').keypress(function(event){  
    var keynum = (event.keyCode ? event.keyCode : event.which);  
    if(keynum == '13'){  
        alert('You pressed a "Enter" key in textbox');    
    }  
});  
  
$(document).keypress(function(event){  
    var keynum = (event.keyCode ? event.keyCode : event.which);  
    if(keynum == '13'){  
        alert('You pressed a "Enter" key in somewhere');      
    }  
});

注意,Netscape/Firefox/Opera是支援event.which去獲得鍵的ASCII碼,而IE是同時支援event.keyCodeevent.which的。

最後,取得keynum的流程也可以使用if來判斷。

補充:jQuery取得Ctrl Enter  Shift Enter

jQuery中對鍵盤事件進行了修正,呼叫函數的時候傳入事件即可,透過事件的which可以找到鍵碼。不過當有組合鍵的時候,需要注意一下。

    如Ctrl Enter,雖然都是用e.ctrlKey,但是Enter鍵的鍵碼不是總是為13了。

    在FireFox中,判斷Ctrl Enter是e.ctrlKey && e.which == 13

    而在IE6中,判斷Ctrl Enter是e.ctrlKey && e.which == 10

#    範例:

$(document).keypress(function(e){
        if(e.ctrlKey && e.which == 13 || e.which == 10) { 
                $("#btn").click();
        } else if (e.shiftKey && e.which==13 || e.which == 10) {
                $("#btnv").click();
        }          
 })

相關免費學習推薦:javascript(影片)

以上是jquery如何判斷是否按下了Enter鍵的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn