jQuery Event.which 属性

不念不忘少年蓝@ 2022-03-26 08:36 242阅读 0赞

`which`属性用于**返回触发当前事件时按下的键盘按键或鼠标按钮**。

对于键盘和鼠标事件，该属性用于确定你按下的是哪一个键盘按键或鼠标按钮。

`which`属性对DOM原生的`event.keyCode`和`event.charCode`进行了标准化。

适用的事件类型主要有键盘事件：keypress、keydown、keyup，以及鼠标事件：mouseup、mousedown。

该属性属于jQuery的`Event`对象(实例)。

### 语法 ###

jQuery 1.1.3 新增该属性。

eventObject.which

### 返回值 ###

`which`属性的返回值是Number类型，返回触发当前事件时按下的键盘按键或鼠标按钮。

在mousedown、mouseup事件中，`event.which`属性返回的是对应鼠标按钮的映射代码值(相当于`event.button`)。以下是主要的鼠标按钮映射代码对应表。

![1180120-20171022195513396-917056503.png][]

在keypress事件中，`event.which`属性返回的是输入的字符的Unicode值(相当于`event.charCode`)。以下是常用的字符Unicode代码对应表。更多字符的Unicode代码，请参见完整的[ASCII编码表][ASCII](Unicode兼容ASCII)。

![1180120-20171022195653584-64825794.png][]

在keydown、keyup事件中，`event.which`属性返回的是对应按键的映射代码值(相当于`event.keyCode`)。以下是常用的键盘按键映射代码的对应表：

![1180120-20171022195720631-458968893.png][]

### 示例&说明 ###

请参考下面这段HTML代码：

与`event.which`属性相关的jQuery示例代码如下(其中表单验证部分的代码仅作简单的非空验证)：

![复制代码][copycode.gif]

// 为当前文档绑定keydown和mousedown两种事件
    // 检测鼠标按下了那些键
    // 检测键盘按下了那些字母按键
    $(document).bind("keydown mousedown", function(event){
        var msg = '';
        if( event.type == "mousedown" ){ // 鼠标按下事件
            var map = {"1": "左", "2":"中", "3":"右"};
            msg = '你按下了鼠标[' + map[event.which] + ']键';
        }else{ // 键盘按下事件
            if(event.which >= 65 && event.which <= 90){
                msg = '你按下了键盘[' + String.fromCharCode(event.which) + ']键';
            }
        }
        if(msg){
            $("#msg").prepend( msg + '<br>');
        }
    });

[1180120-20171022195513396-917056503.png]: /images/20220326/798d16ff2205422a8757fa31801e360d.png
[ASCII]: http://zh.wikipedia.org/wiki/ASCII
[1180120-20171022195653584-64825794.png]: /images/20220326/9df5cad71f62488eacdb4955946d2152.png
[1180120-20171022195720631-458968893.png]: /images/20220326/f4ce4adeb5464f97a70c27b21b31ab67.png
[copycode.gif]: /images/20220326/362148412418456db6f695b214051202.png