vue怎么按键盘上下左右使div移动,求大神进行解答,小弟感激不尽
2条回答 默认 最新
- CSDN专家-赖老师(软件之家) 2021-11-12 20:26关注
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>方向键移动div</title> <style> #box1 { width: 200px; height: 200px; background-color: aqua; position: absolute; } </style> <script> window.onload = function () { var b1 = document.getElementById("box1"); var distance = 10; alert("按下ctrl键加速,按下alt键减速"); document.onkeydown = function (event) { event = event || window.event; if (event.ctrlKey) { distance = 40; } if (event.shiftKey) { distance = 5; } if (event.keyCode === 37) { b1.style.left = b1.offsetLeft - distance + "px"; } else if (event.keyCode === 38) { b1.style.top = b1.offsetTop - distance + "px"; } else if (event.keyCode === 39) { b1.style.left = b1.offsetLeft + distance + "px"; } else if (event.keyCode === 40) { b1.style.top = b1.offsetTop + distance + "px"; } }; }; </script> </head> <body> <div id="box1"></div> </body>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用 1
悬赏问题
- ¥15 c语言怎么用printf(“\b \b”)与getch()实现黑框里写入与删除?
- ¥20 怎么用dlib库的算法识别小麦病虫害
- ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
- ¥15 java写代码遇到问题,求帮助
- ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
- ¥15 有了解d3和topogram.js库的吗?有偿请教
- ¥100 任意维数的K均值聚类
- ¥15 stamps做sbas-insar,时序沉降图怎么画
- ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看
- ¥15 关于#Java#的问题,如何解决?