【长达x年半个人Javascript练习生之——按键移动】

本文介绍了如何使用JavaScript通过监听键盘事件,结合switch语句,利用WASD键控制页面上的小球进行移动。通过设置元素的绝对定位和修改偏移量,实现了小球的上、下、左、右移动效果。
摘要由CSDN通过智能技术生成

一、整体思路

在页面中有一个小球给他绑定键盘事件,事件中又给键盘中的移动键(可以随便设置)绑定元素移动事件,实现小球移动!!!小球,我的小球......

二、操作

先制作一个小球!

 很好看的小球,有木有? 这里要注意这个绝对定位 position:absolute


用下面这段代码,获取到你所按下按钮的keyCode,这样就可以设置你想要的按钮!!!就可以在朋友面前装x

document.onkeydown=function(event){
    console.log(event.keyCode);
}

这里我用 W A S D 来完成小球的移动键 (WASD至尊移动按键!不接受反驳!)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值