JavaScript中的event.which

JavaScript中的事件處理機制使得我們可以對用戶與網頁的交互做出響應。而event.which則是一個常用于處理鍵盤事件的屬性。它可以告訴我們用戶按下了哪個鍵，以及該鍵的ASCII碼。以下是一些常見的示例：

document.addEventListener('keydown', function(event) {
if (event.which === 13) { // 用戶按下了回車鍵
console.log('用戶按下了回車鍵');
}
});

document.addEventListener('keydown', function(event) {
if (event.which === 38) { // 用戶按下了向上箭頭鍵
console.log('用戶按下了向上箭頭鍵');
}
});

同時，event.which還可以用于處理鼠標事件。下面是一個示例，當用戶單擊網頁時，將會把鼠標單擊的位置坐標以及單擊的鼠標鍵碼輸出到控制臺中：

document.addEventListener('click', function(event) {
console.log('x坐標：' + event.clientX);
console.log('y坐標：' + event.clientY);
console.log('鼠標鍵碼：' + event.which);
});

當然，event.which不是JS中唯一可以處理鍵盤事件的屬性。keyCode和charCode也可以在某些場景下代替event.which來使用。但這里我們將會重點介紹event.which。

event.which屬性的兼容性問題

從技術上來說，event.which是一個非標準的屬性，這意味著它并不在W3C DOM和HTML標準中定義。但它在目前所有的瀏覽器中都被支持。值得注意的是，IE瀏覽器中需要使用event.keyCode代替event.which來處理鍵盤事件。

document.addEventListener('keydown', function(event) {
if (event.keyCode === 13) { // 在IE中，使用keyCode來處理回車鍵事件
console.log('用戶按下了回車鍵');
}
});

event.which和Unicode編碼的關系

event.which常被用于處理輸入法和國際化問題。因為鍵盤的物理按鍵與數字字符之間沒有直接的關系，而是以ASCII表的形式存在。例如，西班牙語中的?，其ASCII碼為241。但是在某些輸入法中，用戶需要按下兩個按鍵才能輸出該字符。在這種情況下，event.which會幫助我們識別輸入的字符，例如：

document.addEventListener('keypress', function(event) {
console.log('event.which：' + event.which); // 241
console.log('String.fromCharCode：' + String.fromCharCode(event.which)); // ?
});

如果用戶使用的是某些不支持Unicode編碼的瀏覽器，event.keyCode代替event.which用來處理當前鼠標鍵碼的問題就十分常見了。這里還是需要注意不同瀏覽器之間的兼容性問題。

總結

event.which是一個用于處理鍵盤和鼠標事件的非標準屬性。它可以告訴我們用戶按下了哪個鍵，以及該鍵的ASCII碼。在處理輸入法和國際化問題時，event.which也十分有用。在不同瀏覽器之間的兼容性問題上，event.keyCode也可以用來代替event.which。有了這些知識，我們便可以更好地處理用戶與網頁的交互操作，提升用戶體驗。