JavaScript怎样实现咋键盘上按下不同的键，页面上不同的div调用同一个css样式

图片说明
这是页面上的一个虚拟键盘，我想实现的是当我在电脑的键盘上按键后，虚拟键盘上的相对应的键会有不同的显示效果（调用一个css）（虚拟键盘上的每一个小键都是一个图片），就是当我按下不同的按键，页面上相对的键所在的div就会调用同一个css

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

5条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
我爱默小兜 2016-03-29 10:57
关注
这是使用js，onkeydown事件来实现的，然后比较 e.keyCode值，判断是按得哪一个键。不同的键对应的keycode是不一样的，然后把改变css样式封装在函数里面，调用就可以了

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

关于vue前端点击一个按钮实现多个页面跳转的功能 javascript vue.js
2021-10-21 11:25

回答 2 已采纳 var buttonLinks=['www.baidu.com','www.csdn.net']; function onClick(event){ for(var i=0;i<butto
怎么通过css3实现div1与div2在不同屏幕下，位置不同 css3 html javascript
2022-04-25 14:23

回答 5 已采纳你可以搜一下媒体查询
js调用函数，同一个函数穿不同参调用两次，只执行后一次 javascript 有问必答
2022-03-09 16:10

回答 3 已采纳 #####move_lr中已经清除掉计时器了，所以只有最后一个有效，该分别用2个计时器变量来记录自己的计时器，改下面就可以了 <style> * { padding
基于JavaScript的模拟键盘Web实现——可用作个人博客主页
2022-08-08 13:17

杜柠函的博客在淘宝上看见一个卖键盘的视频，当键盘被敲击时，电脑上的按键同样会被点击，特别的炫酷，没错，就是因为帅。我就想着去下来玩玩，但是几乎找遍了所有软件和网站都没找到他们用的是什么。没办法，只能自己动手...
如何使用一个button按钮切换两种css样式 css html javascript
2022-06-09 00:29

回答 1 已采纳使用JS，先获取Dom，然后通过点击时间切换样式
用HTML+css+JavaScript写了一个界面，在界面上输入参数，如何调用python写的算法模型，并将结果在前端界面上显示。 javascript python 后端
2021-08-24 20:28

回答 2 已采纳可以封装成一个接口，前端只用来调用会更简单一下。比直接调用python文件好。
怎样用js实现鼠标悬停一个div让另一个div用指定的样式 css3 html5 javascript
2023-04-17 08:23

回答 2 已采纳努力の小熊结合ChatGPT4.0的回答：要使用 JavaScript (JS) 在鼠标悬停在一个 div 上时改变另一个 div 的样式，你可以使用以下步骤： ①在 HTML 中设置两个 div，并
JavaScript通过键盘按键实现系统声音——keycode【网页】
2022-01-25 12:58

短发少女ԅ(¯ㅂ¯ԅ)的博客 JavaScript通过键盘按键实现系统声音——keycode【网页】
JavaScript 前端调用后端接口异常问题 javascript json 前端
2022-07-16 09:07

回答 3 已采纳你看下你是不是缺少了必传参数。
请教大佬键盘控制div方块移动，为什么上下只能移动一次，左右没有问题 javascript
2021-03-16 11:49

回答 2 已采纳 offsetHeight是div高度，值不变都是一样的所以看起来就是一次性效果，改为offsetTop
键盘按f10为何需要按两下才会触发 css3 html5 javascript 有问必答
2022-05-09 18:46

回答 2 已采纳事件中加 e.preventDefault() document.addEventListener("keydown", (e)=>{ if (e.keyCode==121) {
九键钢琴键盘功能的前端页面效果实现
2023-08-12 12:34

是君啊的博客钢琴弹奏效果的前端页面
vue 同一个页面切换不同布局 javascript 有问必答
2021-06-25 10:58

回答 2 已采纳你是指所有页面吗？如果只是一个页面。那你写两个组件，两个布局利用v-if判断v-if=="小程序"就显示其布局组件。
使用html，css，javascript进行注册页面的实现
2022-09-24 14:16

泡泡果奶的博客由于"个人介绍"栏目的信息不做要求，对这一行的输入框的单元格和提示的单元格进行了合并。通过判断某一个输入框是否正确来判断使用什么颜色的字体以及输出什么的提示文本。再在表单中来创建一个表格来用于对表单中的...
前端html、css、JavaScript---硬核知识汇总
2021-09-15 11:15

cat_lkh的博客一篇文章教你阅遍前端html、css、JavaScript。声明：本篇文章只是一个刚开始学习后端开发的菜鸟汇总完成的 JavaWeb学习前导html篇，所以专业性肯定不如前端人员，但用于学习后端开发足够了，刚接触html的童鞋拿来...
没有解决我的问题, 去提问

悬赏问题

¥15 ZABBIX6.0L连接数据库报错，如何解决？(操作系统-centos)
¥15 找一位技术过硬的游戏pj程序员
¥15 matlab生成电测深三层曲线模型代码
¥50 随机森林与房贷信用风险模型
¥50 buildozer打包kivy app失败
¥30 在vs2022里运行python代码
¥15 不同尺寸货物如何寻找合适的包装箱型谱
¥15 求解 yolo算法问题
¥15 虚拟机打包apk出现错误
¥15 用visual studi code完成html页面