接前一篇博文《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();
}
}