jQuery是一款非常流行的JavaScript框架,它可以輕松地操控HTML元素和處理事件,其中keydown和click事件是很常見的。
$(document).ready(function(){ $("#input-box").keydown(function(event){ // 當按下鍵盤時,會執行此函數 console.log("按下了鍵盤:" + event.which); }); $("#submit-btn").click(function(){ // 當點擊提交按鈕時,會執行此函數 console.log("提交表單"); }); });
上面的代碼使用了$(document).ready()函數,以確保DOM元素已經完全加載后再執行相關腳本。
在keydown事件中,我們監聽了一個輸入框的按鍵事件,并在按下鍵盤時,打印出按下的鍵碼。其中,event.which屬性代表鍵碼。
而在click事件中,我們監聽了一個按鈕的點擊事件,并在點擊時,打印出提交表單的信息。
需要注意的是,keyCode和which屬性都是用來獲取鍵值的,它們可能在不同的瀏覽器中有不同的值,因此可以使用event.key或event.code代替獲取鍵值,以獲得更加可靠的結果。
$(document).ready(function(){ $("#input-box").keydown(function(event){ // 當按下鍵盤時,會執行此函數 console.log("按下了鍵盤:" + event.key); }); $("#submit-btn").click(function(){ // 當點擊提交按鈕時,會執行此函數 console.log("提交表單"); }); });
如果我們使用event.key來代替event.which,那么我們可以更加直觀地獲取具體的鍵值,例如"A"、"Enter"等等。
總之,jQuery不僅可以輕松地操控HTML元素,還可以幫助我們處理各種事件,包括keydown和click等。