JS编写键盘操作&禁用键盘

接前一篇博文《JS编写人物行走动画》。做了个人物行走动画后,忽然觉得只是让人物自动行走不是很过瘾,于是决定加个方向键键操控功能。说做就做。代码如下,其中的walk(_direct,_step)函数是根据前一篇博文的walk()函数升级的,_direct是定义方向,_step是定义行走步数。

function key_ctrl(){ //键盘操控
document.onkeydown=function(){
var event=event||window.event;
switch(event.keyCode){
case 37: //左
walk(1,2); 
break;
case 39: //右
walk(0,2);
break;
case 38: //上
walk(3,2);
break;
case 40: //下
walk(2,2);
break;
}
return false;
}
}

在html中加个button开启键盘操作,或者直接在body中οnlοad=“key_ctrl()”。函数激活后,点击方向键就能控制行走的小人了。

如果想要禁用键盘操作,那么在script中加一个禁用函数即可,代码如下:

function stop_key(){ //禁用键盘
document.onkeydown=function(e){
e=e||window.event;
if (e.keyCode < 48 && e.keyCode != 8 || e.keyCode > 56 ) e.preventDefault();
}
}

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天飓

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值