js的event.keycode事件怎么用

小億
115
2023-07-27 17:15:56
欄目: 編程語言

在 JavaScript 中，event.keyCode 是一個(gè)事件對(duì)象的屬性，用于獲取與按下或釋放的鍵盤按鍵對(duì)應(yīng)的字符編碼。

以下是一個(gè)簡(jiǎn)單的示例，展示如何使用 event.keyCode：

<!DOCTYPE html>
<html>
<head>
<title>KeyEvent Example</title>
</head>
<body>
<input type="text" id="myInput">
<script>
// 獲取輸入框元素
var inputElement = document.getElementById('myInput');
// 添加鍵盤事件監(jiān)聽器
inputElement.addEventListener('keydown', function(event) {
// 獲取按下的鍵盤按鍵的字符編碼
var keyCode = event.keyCode;
// 輸出按下的鍵盤按鍵的字符編碼
console.log('按下的鍵盤按鍵的字符編碼：', keyCode);
});
</script>
</body>
</html>

在上面的示例中，我們將一個(gè)輸入框元素添加了鍵盤事件監(jiān)聽器，當(dāng)按下任意鍵時(shí)，會(huì)調(diào)用事件處理函數(shù)。在事件處理函數(shù)中，我們使用 event.keyCode 獲取按下的鍵盤按鍵的字符編碼，并將其輸出到控制臺(tái)中。

注意：event.keyCode 是一個(gè)已廢棄的屬性，不推薦使用。推薦使用 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');
// 添加鍵盤事件監(jiān)聽器
inputElement.addEventListener('keydown', function(event) {
// 獲取按下的鍵盤按鍵的字符
var key = event.key;
// 輸出按下的鍵盤按鍵的字符
console.log('按下的鍵盤按鍵的字符：', key);
});
</script>
</body>
</html>

在上面的示例中，我們使用 event.key 獲取按下的鍵盤按鍵的字符，并將其輸出到控制臺(tái)中。

0 踩