·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
返回列表 发布新帖

vue 实现页面监听键盘按键 上下左右

186 0
发表于 2022-3-4 16:02:53 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
其实这个就算是快捷键的操作了,单纯的按下一个按键监听,目前也稍微简单一点。

在 mounted 钩子函数里面调用一个方法,让页面监听键盘事件。

[JavaScript]  
  1. this.keyDown()
复制代码


然后接下来的工作就是监听。

[JavaScript]  
  1. // 监听键盘
  2.       keyDown() {
  3.         document.onkeydown =  (e) => {
  4.           //事件对象兼容
  5.           let e1 = e || event || window.event || arguments.callee.caller.arguments[0]
  6.           //键盘按键判断:左箭头-37;上箭头-38;右箭头-39;下箭头-40
  7.           //左
  8.           if (e1 && e1.keyCode == 37) {
  9.             // 按下左箭头
  10.           } else if (e1 && e1.keyCode == 39) {
  11.             // 按下右箭头
  12.           }
  13.         }
  14.       },
复制代码
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.145.9.34,GMT+8, 2024-11-9 01:46 , Processed in 0.324275 second(s), 78 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表