jQuery | event.which 属性与示例

在 jQuery 中，event.which 属性常用于判断键盘事件的哪个键被按下。它返回一个整数值，表示按下的是哪个键。

语法

$(selector).on("keydown", function(event){
  var key = event.which;
  //执行相关操作
});

参数说明

• selector: 必需，用于绑定事件的元素选择器。
• keydown: 必需，表示事件类型，这里为按下键盘事件。
• function: 必需，表示事件处理程序。

示例

下面是一个使用 event.which 属性判断哪个键被按下的示例：

$(document).on("keydown", function(event){
  var key = event.which;
  if(key == 37){
    console.log("左箭头键被按下了。");
  }else if(key == 38){
    console.log("上箭头键被按下了。");
  }else if(key == 39){
    console.log("右箭头键被按下了。");
  }else if(key == 40){
    console.log("下箭头键被按下了。");
  }
});

在此示例中，我们监听了整个文档的键盘按下事件，并使用 event.which 属性分别判断是否按下了上下左右箭头键。

注意事项

• 如果要监听的是文本框或输入框的键盘事件，建议使用 event.keyCode 属性代替 event.which 属性，因为在某些浏览器中，event.which 属性可能无法正确判断某些键位。
• event.which 属性只适用于键盘按下事件，如果要监听键盘抬起或按住事件，需要使用对应的事件类型。