Vue监听键盘按钮事件

最新推荐文章于 2024-11-29 15:21:29 发布

清韵化痕

最新推荐文章于 2024-11-29 15:21:29 发布

阅读量1.5k

点赞数

分类专栏： JavaScript 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_34829813/article/details/106983209

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

经常用到键盘的监听事件，下面说说常用的监听事件

mounted:function () {
            this.monitor();
        }

下面这个示例是监听回车事件

monitor:function(){
                var that = this;
                document.onkeydown = function(e) {   //按下回车提交
                    let key = window.event.keyCode;
                    //事件中keycode=13为回车事件
                    if (key == 13) {
                        that.loginnow();
                    }
                };
            }

事件方法

loginnow: function() {
            alert("回车");
        }

下面是按键的keyCode值

实际按键	`keyCode`
BackSpace（退格）	8
Tab	9
Enter（回车）	13
Caps_Lock（大写锁定）	20
Space（空格键）	32
Left（左箭头）	37
Up（上箭头）	38
Right（右箭头）	39
Down（下箭头）	40
0到9	48到57
a到z（A到Z）	65到90
F1到F24	112到135