键盘事件对象

最新推荐文章于 2023-01-06 22:42:34 发布

hcoke

最新推荐文章于 2023-01-06 22:42:34 发布

阅读量289

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/m0_62962469/article/details/123620897

版权

JavaScript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

键盘事件对象属性 keyCode 返回改键的ASCII码值。

onkeydown 与onkeyup 不区分字母大小写，onkeypress区分字母大小写。

实际开发中更多使用onkeydown 与onkeyup，它们能识别所有的键(包括功能键)

keypress不识别功能键，但是keyCode属性能区分大小写，返回不同的ASCAII码值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
		//1.我们的keyup 和keydown事件不区分 字母大小写 a A 得到的都是65
		//2.keypress事件区分字母大小写   a 97   A 65
			document.addEventListener('keyup', function(e) {	
				console.log('up' + e.keyCode);
				if (e.keyCode === 65) {
					alert('您按下的a键');
				} else {
					alert('您没有按下a键');
				}
			})
			document.addEventListener('keypress', function(e) {
				console.log('press' + e.keyCode);
			})
		</script>
	</body>
</html>

hcoke

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
键盘事件对象

键盘事件对象属性 keyCode 返回改键的ASCII码值。onkeydown 与onkeyup 不区分字母大小写，onkeypress区分字母大小写。实际开发中更多使用onkeydown 与onkeyup，它们能识别所有的键(包括功能键)keypress不识别功能键，但是keyCode属性能区分大小写，返回不同的ASCAII码值。<!DOCTYPE html><html> <head> <meta charset="utf-8">
复制链接

扫一扫