js的event.keycode事件怎么用

lewis 6年前 (2019-02-12) 阅读数 7 #程序编程

文章标签 event.keycode

在 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 获取按下的键盘按键的字符，并将其输出到控制台中。