jQuery中的keyup和keydown方法是處理鍵盤(pán)輸入事件的兩個(gè)常用方法。
$(document).keydown(function(event) { console.log(event.keyCode); });
keydown方法會(huì)在用戶按下任意鍵時(shí)觸發(fā),并返回一個(gè)event對(duì)象,該對(duì)象包含當(dāng)前按下鍵的keyCode值。
$(document).keyup(function(event) { console.log(event.which); });
keyup方法會(huì)在用戶松開(kāi)任意鍵時(shí)觸發(fā),并返回一個(gè)event對(duì)象,該對(duì)象也包含當(dāng)前松開(kāi)鍵的keyCode值。
這兩個(gè)方法的應(yīng)用場(chǎng)景比較廣泛,比如根據(jù)用戶輸入的內(nèi)容實(shí)時(shí)調(diào)整搜索框中的提示內(nèi)容。
$(document).ready(function(){ $("input").keyup(function(){ var value = $(this).val(); $("p").text(value); }); });
上述代碼實(shí)現(xiàn)了一個(gè)實(shí)時(shí)搜索框,每當(dāng)用戶輸入文字時(shí),會(huì)根據(jù)輸入的內(nèi)容實(shí)時(shí)調(diào)整下方的提示內(nèi)容。
這兩個(gè)方法雖然常用,但需要注意的是,keydown和keyup方法只適用于處理用戶按下和松開(kāi)的字符鍵(如A、B、C等),對(duì)于控制鍵(如Ctrl、Shift等)則需要使用keypress方法來(lái)進(jìn)行處理。