js设置键位的简单事件

最新推荐文章于 2022-12-14 12:13:12 发布

lmc0813

最新推荐文章于 2022-12-14 12:13:12 发布

阅读量264

点赞数

分类专栏： JS 文章标签： js设置键位的简单事件

本文链接：https://blog.csdn.net/lmc0813/article/details/102732394

版权

这篇博客介绍了如何使用JavaScript设置键位，实现控制图片在页面上移动的功能。通过监听键盘事件，设置上下左右键位，进而改变图片的位置。提供了完整的代码示例和效果演示。

摘要由CSDN通过智能技术生成

JS简单的键位设置和控制图片移动

用JS设置键位控制图片移动

1.设置上下左右键位

//设置上键
   function Adove() {
    Return = event.keyCode;
   }
   //设置下键
   function Below() {
    bot = event.keyCode;
   }
   //设置左键
   function left() {
    left2 = event.keyCode;
   }
   //设置右键
   function Right() {
    right = event.keyCode;
   }

2.控制键位的上下左右

function m() {
    if (event.keyCode == lef) {
     img.left -= 100;
    }
    if (event.keyCode == up) {
     img.top -= 100;
    }
    if (event.keyCode == righ) {
     img.left += 100;
    }
    if (event.keyCode == bont) {
     img.top += 100;
    }
    img.style.left = img.left + 'px', img.style.top = img.top + 'px';
   }
   document.onkeydown = m;

全部代码:

<!DOCTYPE html>
<html>
 <head lang="en"

最低0.47元/天解锁文章

lmc0813

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js设置键位的简单事件

JS简单的键位设置和控制图片移动用JS设置键位控制图片移动1.设置上下左右键位//设置上键 function Adove() { Return = event.keyCode; } //设置下键 function Below() { bot = event.keyCode; } //设置左键 function left() { ...
复制链接

扫一扫