jQuery提供了键盘方向键的捕获和处理方法,可以为网页添加键盘导航功能。以下是一些常用的键盘方向键:
上箭头: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) {// 处理右箭头按下的操作}});
例如,可以使用方向键控制网页滚动:
$(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);}});
以上代码将上箭头和下箭头指定为网页滚动的方向键,每按一次,则滚动100个像素,并使用50毫秒的时间完成滚动动画。