jQuery提供了鍵盤方向鍵的捕獲和處理方法,可以為網(wǎng)頁添加鍵盤導航功能。以下是一些常用的鍵盤方向鍵:
上箭頭:e.keyCode == 38 下箭頭:e.keyCode == 40 左箭頭:e.keyCode == 37 右箭頭:e.keyCode == 39
可以使用keydown事件來捕獲按鍵事件,然后判斷按下的鍵是否是方向鍵,從而進行相應的處理。
$(document).keydown(function(e) { // 上箭頭 if (e.keyCode === 38) { // 處理上箭頭按下的操作 } // 下箭頭 else if (e.keyCode === 40) { // 處理下箭頭按下的操作 } // 左箭頭 else if (e.keyCode === 37) { // 處理左箭頭按下的操作 } // 右箭頭 else if (e.keyCode === 39) { // 處理右箭頭按下的操作 } });
例如,可以使用方向鍵控制網(wǎng)頁滾動:
$(document).keydown(function(e) { // 上箭頭 if (e.keyCode === 38) { $('html, body').stop().animate({ scrollTop: $(window).scrollTop() - 100 }, 50); } // 下箭頭 else if (e.keyCode === 40) { $('html, body').stop().animate({ scrollTop: $(window).scrollTop() + 100 }, 50); } });
以上代碼將上箭頭和下箭頭指定為網(wǎng)頁滾動的方向鍵,每按一次,則滾動100個像素,并使用50毫秒的時間完成滾動動畫。