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

来源：动视网责编：小采时间：2020-11-27 21:26:32

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

JavaScript实现的使用键盘控制人物走动实例_javascript技巧:其实这个示例用到了js的两个核心时间，键盘事件onkeydown，周期执行事件setInterval。实现效果当按下键盘某个键时网页中的人物实现相应的动作，达到利用键盘控制走动效果实现步骤一、预订键值作用： w：向上 s：向下 a：向左 d：向右空格：停止二、

推荐度：

点击下载本文 文档为doc格式

导读JavaScript实现的使用键盘控制人物走动实例_javascript技巧:其实这个示例用到了js的两个核心时间，键盘事件onkeydown，周期执行事件setInterval。实现效果当按下键盘某个键时网页中的人物实现相应的动作，达到利用键盘控制走动效果实现步骤一、预订键值作用： w：向上 s：向下 a：向左 d：向右空格：停止二、

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

实现效果

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

实现步骤

一、预订键值作用：

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

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

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

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

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

示例代码：


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

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

推荐度：

点击下载本文 文档为doc格式

标签： js 示例 javascript

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐