.onkeypress和.onkeydown的含义以及补充知识document.onkeypress的含义

最新推荐文章于 2021-01-05 22:46:39 发布

源@

最新推荐文章于 2021-01-05 22:46:39 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_48727085/article/details/108235151

本文详细解析了HTML页面中键盘事件的使用，包括onkeypress和onkeydown的区别与应用。通过实例代码展示了如何监听并响应用户的键盘输入，以及如何判断特定按键如回车键的按下。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML>
<html lang = 'en'>
	<head>
		<meta charset = 'UTF-8'/>
		<title>Document1</title>
		<style>
		</style>
	</head>
	<body>
		<script>
			//补充知识document.onkeyprss的含义：给页面绑定键盘事件
			document.onkeypress = function(){
				//.onkeypress按下字符键触发
				//字符键包括字母，数字，能在页面中显示的字符的键
				console.log('字符键');
			}
			document.onkeydown = function(){
				//.onkeydown按下任意键出发
				console.log('任意键');
			}
			/*
			//键盘事件对象中的altkey ctrlKey shiftKey对应三个键alt ctrl shift
			document.onkeydown = function(e){
				var evt = e || event;
				console.log(evt.altKey, evt.ctrlKey, evt.shiftKey);
				//判断是否按了某一个键
				//我们这里以回车键举例.keyCode
				if(evt.keyCode === 13){
					console.log('你按的是回车键');
				}else{
					console.log('你按得不是回车键');
				}
			}*/
		</script>
	</body>
</html>