在 JavaScript 中,event.keyCode
是一個事件對象的屬性,用于獲取與按下或釋放的鍵盤按鍵對應的字符編碼。
以下是一個簡單的示例,展示如何使用 event.keyCode
:
<!DOCTYPE html>
<html>
<head>
<title>KeyEvent Example</title>
</head>
<body>
<input type="text" id="myInput">
<script>
// 獲取輸入框元素
var inputElement = document.getElementById('myInput');
// 添加鍵盤事件監聽器
inputElement.addEventListener('keydown', function(event) {
// 獲取按下的鍵盤按鍵的字符編碼
var keyCode = event.keyCode;
// 輸出按下的鍵盤按鍵的字符編碼
console.log('按下的鍵盤按鍵的字符編碼:', keyCode);
});
</script>
</body>
</html>
在上面的示例中,我們將一個輸入框元素添加了鍵盤事件監聽器,當按下任意鍵時,會調用事件處理函數。在事件處理函數中,我們使用 event.keyCode
獲取按下的鍵盤按鍵的字符編碼,并將其輸出到控制臺中。
注意:event.keyCode
是一個已廢棄的屬性,不推薦使用。推薦使用 event.key
屬性來獲取按下的鍵盤按鍵的字符。例如,event.key
的值可以是 “a”、“1”、“Enter” 等字符或鍵名。
<!DOCTYPE html>
<html>
<head>
<title>KeyEvent Example</title>
</head>
<body>
<input type="text" id="myInput">
<script>
// 獲取輸入框元素
var inputElement = document.getElementById('myInput');
// 添加鍵盤事件監聽器
inputElement.addEventListener('keydown', function(event) {
// 獲取按下的鍵盤按鍵的字符
var key = event.key;
// 輸出按下的鍵盤按鍵的字符
console.log('按下的鍵盤按鍵的字符:', key);
});
</script>
</body>
</html>
在上面的示例中,我們使用 event.key
獲取按下的鍵盤按鍵的字符,并將其輸出到控制臺中。