JS实现两个键盘按键同时触发的事件

最新推荐文章于 2024-08-10 03:21:50 发布

T型人小付

最新推荐文章于 2024-08-10 03:21:50 发布

阅读量6.4k

点赞数 7

分类专栏：前端

本文链接：https://blog.csdn.net/Victor2code/article/details/106663922

版权

做为《JS的事件处理详解》中的一个进阶练习，这一节实现两个键盘按键一起按下的时候，JS能同时响应，而不只是后按下的那个。

改进前

改进前代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/test.js" type="text/javascript" charset="utf-8"></script>
		<title></title>				
	</head>
	<style type="text/css">
		* {
    
			margin: 0;
			padding: 0;
		}
		p {
    
			width: 100px;
			position: relative;
		}
	</style>
	<body>	
	<p>Move me!</p>
	<script type="text/javascript">
		document.addEventListener('keydown',(e)=>