jQuery Event.which 屬性


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

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

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

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

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

語法

jQuery 1.1.3 新增該屬性。

eventObject.which

返回值

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

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

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

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

示例&說明

請參考下面這段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>');
    }
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM