Les touches de raccourci ne fonctionnent pas lorsque v-textarea est focalisé

Question

J'ai une petite question. Une fois que la zone de texte a le focus, les touches de raccourci (plugins) ne peuvent pas être exécutées sur le bouton.

... => Contenu non pertinent

<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>

Aucune de ces méthodes ne fonctionnera lorsque vous êtes concentré. Quelqu'un a-t-il une solution?

Si vous cliquez sur "alt" et "enter", je souhaite exécuter la méthode de confirmation et même me concentrer sur la zone de texte. Si vous cliquez sur "esc", je souhaite exécuter la méthode d'abandon et même me concentrer sur la zone de texte.

Answer 1

Une façon d'y parvenir est d'ajouter un écouteur d'événement dans la partie js du composant.

Ceci capturera toutes les touches enfoncées sur le clavier. Vous pouvez vérifier quelles touches ont été enfoncées via les paramètres attachés à l'événement.

REMARQUECela n'écoutera pas seulement toutes les pressions sur les touches tout en étant concentré sur le bouton/la zone de texte.