Tastenkombinationen funktionieren nicht, wenn v-textarea fokussiert ist

Question

Ich habe eine kleine Frage. Sobald der Textbereich den Fokus hat, können keine Tastenkombinationen (Plugins) auf der Schaltfläche ausgeführt werden.

... => Irrelevanter Inhalt

<template>
    <div>
        <v-textarea ... />
        <div>
            <v-btn
             v-shortkey="['esc']"
             @shortkey="abort"
            >
            ...
            </v-btn>
             <v-btn
              v-shortcut="['alt', 'enter']"
              @shortkey="confirm"
             >
             </v-btn>
        </div>
    </div>
</template>

<script>
    methods: {
        abort() {
            console.log('aborted')
        }

        confirm() {
            console.log('confirmed')
        }
    }
</script>

Keine dieser Methoden funktioniert, wenn Sie konzentriert sind. Hat jemand eine Lösung?

Wenn Sie auf „Alt“ und „Enter“ klicken, möchte ich die Bestätigungsmethode ausführen und mich sogar auf den Textbereich konzentrieren. Wenn Sie auf „esc“ klicken, möchte ich die Abbruchmethode ausführen und mich sogar auf den Textbereich konzentrieren.

Answer 1

实现此目的的一种方法是在组件的 js 部分添加事件侦听器。

这将捕获按下的所有按键键盘你可以通过事件附带的参数来检查按下了什么键。

注意这不仅会在聚焦于按钮/文本区域时监听所有按键。