JavaScript keyCode 差異解析：keypress vs keydown 事件鍵碼相差 32 的原因

現象重現

document.addEventListener("keypress", e => alert("press:" + e.keyCode));
document.addEventListener("keydown", e => alert("down:" + e.keyCode));

按下 w 鍵：keypress 彈 119（小寫 w），keydown 彈 87（大寫 W），相差 32。

根本原因

大小寫字母 ASCII 碼相差 32（'a' - 'A' = 32），故觀測到固定差值。

現代最佳實踐：棄用 keyCode

keyCode、charCode、which 均已棄用，推薦使用：

• event.key：字符值（"a", "Enter", "Shift"）。
• event.code：物理鍵位（"KeyA", "Enter", "ShiftLeft"）。

input.addEventListener('keydown', e => {
    if (e.code === 'KeyA') { /* 物理 A 鍵 */ }
    if (e.key === 'a') { /* 輸入字符 a */ }
});

兼容性處理

const getChar = (e) => e.key || String.fromCharCode(e.charCode || e.keyCode);
const getKeyCode = (e) => e.code || e.keyCode; // 過渡期兼容

參考資源

詳細表格見：JavaScript Event KeyCode 對照表

1. 上一篇文章： C++ 未定義行為經典案例：i = i++ 輸出結果不確定
2. 下一篇文章： Android Camera 預覽啟動失敗：SurfaceView addView 空指針異常排查

程式設計綜合問答

MySQL 導入數據庫報錯「表結構錯誤」：未選擇目標數據庫導致

典型錯誤現象 執行 SQL 文件導入時提示表結構相關錯誤 (

Android GridView 實現圓角矩形邊框的完整指南

前言 在 Android 開發中，為 GridView 添加

VS2010 + Access 2003 開發學生信息管理系統的資源推薦

開源項目結構參考 推薦下載：CSDN 學生信息管理系統源碼（

Android ListView addHeaderView 點擊事件處理全攻略

現象 ListView 通過 addHeaderView(h