📅 最后修改于: 2023-12-03 15:31:15.045000 🧑 作者: Mango
onkeypress 属性是 HTML 中的一种事件属性，它定义了当用户在一个元素上按下按键时要执行的 JavaScript 代码。
以下是 onkeypress 属性的语法：
<element onkeypress="javascriptCode">
其中，element 代表 HTML 元素，javascriptCode 代表要执行的 JavaScript 代码。
当用户在元素上按下按键时，onkeypress 属性中的 JavaScript 代码将被执行。在执行代码之前，浏览器会将用户按下的键的 ASCII code 传递给该事件处理程序。
以下是一个示例，它演示了如何使用 onkeypress 属性来捕获用户按下的按键并在页面中显示该字符：
<!DOCTYPE html>
<html>
<body>
<input type="text" id="myInput" onkeypress="showKeyPressed(event)">
<p id="demo"></p>
<script>
function showKeyPressed(event) {
var x = event.which || event.keyCode;
var char = String.fromCharCode(x);
document.getElementById("demo").innerHTML = "The pressed key is: " + char;
}
</script>
</body>
</html>
在这个示例中，我们给 <input> 元素添加了 onkeypress 属性，并将其值设置为一个 JavaScript 函数 showKeyPressed。每当用户在输入框中按下一个按键时，该函数将被执行。
该函数接收一个名为 event 的参数，它包含了关于当前事件的信息。在函数中，我们使用 event.which 和 event.keyCode 属性来获取用户按下的 ASCII code，并使用 String.fromCharCode() 方法将其转换为对应的字符。
最后，我们将获取到的字符显示在页面上。
通过使用 onkeypress 属性，我们可以轻松地捕获用户的按键事件并执行相应的 JavaScript 代码。