鍵盤檢測事件 keydown keyup keypress區別與執行順序

我們的keyup 和keydown事件不區分字母大小寫 a 和 A 得到的都是65
// 2. 我們的keypress 事件 區分字母大小寫 a 97 和 A 得到的是65
// 我們可以利用keycode返回的ASCII碼值來判斷用戶按下了那個鍵
4. 三個事件的執行順序 keydown – keypress – keyup

 // 鍵盤事件對象中的keyCode屬性可以得到相應鍵的ASCII碼值
        // 1. 我們的keyup 和keydown事件不區分字母大小寫  a 和 A 得到的都是65
        // 2. 我們的keypress 事件 區分字母大小寫  a  97 和 A 得到的是65
        document.addEventListener('keyup', function(e) {
            // console.log(e);
            console.log('up:' + e.keyCode);
            // 我們可以利用keycode返回的ASCII碼值來判斷用戶按下了那個鍵
            if (e.keyCode === 65) {
                alert('您按下的a鍵');
            } else {
                alert('您沒有按下a鍵')
            }

        })
        document.addEventListener('keypress', function(e) {
            // console.log(e);
            console.log('press:' + e.keyCode);

        })
    </script>