HTML | DOM keyboardEvent charCode 属性(1)

📌 相关文章

📜 HTML | DOM keyboardEvent charCode 属性(1)

📅 最后修改于: 2023-12-03 15:15:35.336000 🧑 作者: Mango

HTML | DOM keyboardEvent charCode 属性

在HTML中，我们可以通过DOM获取到键盘事件的charCode属性，它代表了用户敲击键盘时输入的字符的ASCII码值。在浏览器中，如果按下的键没有相应的字符表示，则charCode的值为0。

语法

charCode = eventObj.charCode;

在这个语法中，eventObj代表一个事件对象，常见的有keydown、keyup、keypress等。

示例

<!DOCTYPE html>
<html>
<head>
	<title>charCode 示例</title>
	<script type="text/javascript">
		function char(event) {
			alert(event.charCode);
		}
	</script>
</head>
<body onkeypress="char(event);">
	<input type="text">
</body>
</html>

在这个例子中，我们使用了onkeypress事件，当用户在输入框中敲击键盘时，会触发char函数，并在浏览器弹出一个对话框，显示敲击的键的ASCII码值。

注意事项

在Firefox和Chrome中，charCode属性在keydown和keyup事件中无法获取到。
在IE中，当按下的键没有相应的字符表示时，charCode和keyCode的值都为0。

结论

charCode属性可以用来获取用户在键盘上敲击的字符的ASCII码值，但是需要注意它的兼容性和限制。在实际应用中，可以结合keyCode属性、String.fromCharCode()方法来实现更加灵活的键盘事件处理。