当前位置：Gxlcms > JavaScript > JavaScript实现的使用键盘控制人物走动实例_javascript技巧

JavaScript实现的使用键盘控制人物走动实例_javascript技巧

时间：2021-07-01 10:21:17 帮助过：143人阅读

其实这个示例用到了js的两个核心时间，键盘事件onkeydown，周期执行事件setInterval。

实现效果

当按下键盘某个键时网页中的人物实现相应的动作，达到利用键盘控制走动效果

实现步骤

一、预订键值作用：

w：向上
s：向下
a：向左
d：向右
空格：停止

二、预订键值后，要能捕获按键事件以及判断用户按的是哪个键？

捕获键盘事件可以用onkeydown
获取键值码可以用event.keyCode

三、用setInterval周期执行事件替换图片

替换图片是为了实现任务走动效果
但要注意使用clearInterval清除周期执行，否则会越走越快

示例代码：


	
		
		人物走动
	
	
		
			w：向上
			s：向下
			a：向左
			d：向右
			空格：停止
			脚本之家

人气教程排行