常用的键盘事件

最新推荐文章于 2022-04-15 21:37:31 发布

hcoke

最新推荐文章于 2022-04-15 21:37:31 发布

阅读量567

点赞数

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

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

版权

JavaScript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//常用的键盘事件
			//1.keyup 按键弹起的时候触发
			document.onkeyup = function() {
				console.log('我弹起了');
			}
			//2.keydown按键按下时触发
			document.addEventListener('keydown', function() {
				console.log('我按下了');
			})
			//3.keypress按键按下时触发  但是它不识别功能键 比如ctrl shift 箭头等  传统加on 事假监听不加on
			document.addEventListener('keypress', function() {
				console.log('我按下了press');
			})
			//4.三个事件的执行顺序 keydown keypress keyup
		</script>
	</body>
</html>

1.keyup 按键弹起的时候触发

2.keydown按键按下时触发

3.keypress按键按下时触发但是它不识别功能键比如ctrl shift 箭头等传统加on 事假监听不加on

4.三个事件的执行顺序 keydown keypress keyup

hcoke

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
常用的键盘事件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> //常用的键盘事件 //1.keyup 按键弹起的时候触发 document.onkeyup = function() { c.
复制链接

扫一扫