vue宏观监听Esc,enter按钮事件

原创
小哥 3年前 (2022-11-14) 阅读数 45 #大杂烩

1.直接写监听

mounted() {
    //监听键盘Esc按键事件
    this.$nextTick(function() {
        // 按下键盘
        document.addEventListener(keydown, function(e) {
            // Esc按键是27 
            if (e.keyCode == 27) {
                //在这里写你的操作逻辑
                console.log("打印了");
            }
        });
    });
}

2.将监听内容封装到方法里

created() {
     window.addEventListener("keyup", this.enterSearch)
},
methods:{
    enterSearch: function(e) {
        //监听回车
        if (e.keyCode === 13) {
            //在这里写你的操作逻辑
            //this.adduser()
        }
    },
}
版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门