jQuery Event.which 屬性

which屬性用於返回觸發當前事件時按下的鍵盤按鍵或鼠標按鈕編碼

對於鍵盤和鼠標事件,該屬性用於肯定你按下的是哪個鍵盤按鍵或鼠標按鈕。spa

which屬性對DOM原生的event.keyCodeevent.charCode進行了標準化。3d

適用的事件類型主要有鍵盤事件:keypress、keydown、keyup,以及鼠標事件:mouseup、mousedown。code

該屬性屬於jQuery的Event對象(實例)。對象

語法

jQuery 1.1.3 新增該屬性。blog

eventObject.which

返回值

which屬性的返回值是Number類型,返回觸發當前事件時按下的鍵盤按鍵或鼠標按鈕。事件

mousedown、mouseup事件中,event.which屬性返回的是對應鼠標按鈕的映射代碼值(至關於event.button)。如下是主要的鼠標按鈕映射代碼對應表。ip

keypress事件中,event.which屬性返回的是輸入的字符的Unicode值(至關於event.charCode)。如下是經常使用的字符Unicode代碼對應表。更多字符的Unicode代碼,請參見完整的ASCII編碼表(Unicode兼容ASCII)。文檔

keydown、keyup事件中,event.which屬性返回的是對應按鍵的映射代碼值(至關於event.keyCode)。如下是經常使用的鍵盤按鍵映射代碼的對應表:get

示例&說明

請參考下面這段HTML代碼:

<div id="msg"></div>

event.which屬性相關的jQuery示例代碼以下(其中表單驗證部分的代碼僅做簡單的非空驗證):

// 爲當前文檔綁定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>');
    }
});
相關文章
相關標籤/搜索