以下是一个简单的示例,演示如何使用 which 属性处理键盘事件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<input type="text" id="myInput" onkeydown="keyDownHandler(event)">
<script>
function keyDownHandler(event) {
var keyPressed = event.which;
console.log("键盘按下事件发生了!");
// 输出按下的键的 ASCII 值或特殊键的标识符
console.log("按下的键的 ASCII 值或特殊键的标识符:" + keyPressed);
}
</script>
</body>
</html>
在这个例子中,我们创建了一个文本输入框,并通过 onkeydown 事件将键盘按下事件与 keyDownHandler 函数关联起来。在 keyDownHandler 函数中,我们使用 event.which 获取按下的键的 ASCII 值或者特殊键的标识符,并将其输出到控制台。
注意:
- which 属性在早期的 DOM 事件中是常用的,但在更现代的 DOM 规范中,key 属性更常被使用。如果你在处理键盘事件时使用了 which,可以考虑使用 key 属性来替代。
转载请注明出处:http://www.pingtaimeng.com/article/detail/6249/JavaScript 和 HTML DOM