Verwenden Sie die Eingabetaste oder die Leertaste, um ein Ereignis im Vue-Projekt auszulösen

Zum Code gibt es nicht viel zu sagen! ! !

Zuerst dachte ich, es sei sehr kompliziert, aber nach einigem Erkunden und Suchen stellte ich fest, dass es nicht so schwierig ist, wie folgt:

1. Aktivieren Sie zunächst das Überwachungsereignis der Tastaturtaste in erstellt wie folgt:

created() {
    window.addEventListener('keydown', this.handkeyCode, true)//开启监听键盘按下事件
},

2. Fügen Sie die Methode hinzu, die nach dem Hinzufügen der Schaltfläche in Methoden ausgeführt werden muss, wie folgt:

methods:{
    // 回车和空格键提交右侧信息
    handkeyCode(e) {
       console.log(e); // 打印出按键后的信息
       if(e.keyCode === 13 || e.keyCode === 32){
           console.log('触发了回车/空格键');
       }
    },
}

Analyse: e.keyCode ist der Code jeder Taste, 13 ist die Eingabetaste, 32 ist die Leertaste

Bisher ist die Methode zum Auslösen von Ereignissen über Tastaturtasten abgeschlossen

Der Test funktioniert! ! !