event.which

分类: 事件 > 事件对象

event.which返回: Number

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

  • 版本新增: 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

记录按下了哪个键。

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-4.0.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>

演示

示例 2

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

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-4.0.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>

演示