JavaScript（键盘事件，捕获与冒泡）

最新推荐文章于 2024-04-15 15:42:58 发布

VIP文章不做程序袁

最新推荐文章于 2024-04-15 15:42:58 发布

阅读量1.2k

点赞数

分类专栏：键盘事件，捕获与冒泡文章标签： javascript

本文链接：https://blog.csdn.net/qq_44012757/article/details/108622668

版权

键盘输入键码值

在这里插入图片描述

注意：键码13的enter是字母键盘上的回车键。键码为108的enter是右数字小键盘上的回车键

(1)keypress事件

<body>
		<input type="text" id="what" onkeypress="search(event)" />
		
	</body>
	<script type="text/javascript">
		function search(event){
   
			if(event.keyCode ==13){
   
				var what= document.getElementById("what");
				alert("开始搜索:"+what.value);
			}
		}
	</script>

keyCode属性，记录按下键的编码

keypress事件只捕获可打印的按键，不能捕获例如shift，ctrl，alt之类的。但是可以通过shiftkey，ctrlkey等属性判断在击键的同时是否按下了shift，ctrl等辅助键

(2)keydown，keyup

<body>
		<input type="text" id="what"onkeydown="keydown(event)" />
	</body>
	<script type="text/javascript">
		function keydown(event){
   
			alert(event.keyCode)
		}

最低0.47元/天解锁文章

优惠劵

不做程序袁

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript（键盘事件，捕获与冒泡）

键盘输入键码值注意：键码13的enter是字母键盘上的回车键。键码为108的enter是右数字小键盘上的回车键(1)keypress事件<body> <input type="text" id="what" onkeypress="search(event)" /> </body> <script type="text/javascript"> function search(event){ if(event.keyCode
复制链接

扫一扫