jQuery | event.which 属性与示例

简介

event.which 属性是以数字形式返回事件触发时所按下的键盘上的键的键码值。该属性常用于处理键盘事件。

用法

在 jQuery 中，通过传递事件对象 event 可以访问 event.which 属性。

$('input').keydown(function(event) {
   console.log(event.which);
});

以上代码将在按下键盘上的任何键时，在控制台中输出该键的键码值。

示例

以下是两个示例：

示例1：限制输入框只能输入数字

<input type="text" id="number" />

$('#number').keydown(function(event) {
   // 只允许输入数字（0-9）
   if (event.which < 48 || event.which > 57) {
      event.preventDefault();
   }
});

以上代码将限制输入框只能输入数字。

示例2：快捷键

<button id="save">保存</button>

$(document).keydown(function(event) {
   // Ctrl + S 快捷键保存
   if (event.ctrlKey && event.which == 83) {
      event.preventDefault();
      $('#save').click();
   }
});

以上代码将在按下 Ctrl + S 键时，模拟点击保存按钮。

总结

event.which 属性是处理键盘事件时常用的属性，可获取按下键的键码值。通过示例，我们可以发现 event.which 属性的应用场景非常广泛，可以用于限制文本框输入、处理快捷键等场景。