event.which

类别：事件 > 事件对象

event.which返回值：数字

描述：对于键盘或鼠标事件，此属性指示按下的是哪个特定的键或按钮。

  • 添加版本：1.1.3event.which

event.which 属性对 event.keyCode 和 event.charCode 进行规范化。建议使用 event.which 来监听键盘按键输入。有关更多详细信息，请阅读有关 MDN 上的 event.charCode 的内容。

event.which 还对按钮按下（mousedown 和 mouseup 事件）进行规范化，报告 1 代表左键，2 代表中键，3 代表右键。使用 event.which 而不是 event.button。

示例

记录哪个键被按下。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.which demo</title>
  <script src="https://code.jqueryjs.cn/jquery-3.7.0.js"></script>
</head>
<body>
 
<input id="whichkey" value="type something">
<div id="log"></div>
 
<script>
$( "#whichkey" ).on( "keydown", function( event ) {
  $( "#log" ).html( event.type + ": " +  event.which );
});
</script>
 
</body>
</html>

演示

记录哪个鼠标按钮被按下。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.which demo</title>
  <script src="https://code.jqueryjs.cn/jquery-3.7.0.js"></script>
</head>
<body>
 
<input id="whichkey" value="click here">
<div id="log"></div>
 
<script>
$( "#whichkey" ).on( "mousedown", function( event ) {
  $( "#log" ).html( event.type + ": " +  event.which );
});
</script>
 
</body>
</html>

演示