随笔 - 34, 文章 - 0, 评论 - 3, 阅读 - 68629
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

vue项目中实现监听键盘按键事件

Posted on   Hhuizi  阅读(925)  评论(0编辑  收藏  举报
复制代码
created() {
    this.keyDown();
},
beforeDestroy() {
    this.keyDownReview();
},
methods: {
  //按键恢复
   keyDownReview() {
      document.onkeydown = function (event) {
        var e = event || window.event;
        e.returnValue = true;
      };
   },
   //键盘按钮截获
   keyDown() {
     document.onkeydown = (e) => {
    // 46--delete,8--回退 if (e.keyCode === 8 || e.keyCode === 46) { //delete键后执行刷新方法 this.deletePlotBtnClickHandler(); //取消原来的后续事件 e.preventDefault(); } }; },
}
复制代码

 

相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示