Kekunci pintasan tidak berfungsi apabila v-textarea difokuskan

Question

Saya ada soalan kecil. Setelah kawasan teks mempunyai fokus, kekunci pintasan (plugin) tidak boleh dilaksanakan pada butang.

... => Kandungan tidak relevan

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

Kedua-dua kaedah ini tidak akan berfungsi apabila anda fokus. Adakah sesiapa mempunyai penyelesaian?

Jika anda klik "alt" dan "enter" saya mahu melaksanakan kaedah pengesahan dan juga fokus pada kawasan teks. Jika anda mengklik "esc" saya mahu melaksanakan kaedah abort dan juga memfokuskan pada kawasan teks.

Answer 1

Salah satu cara untuk mencapai matlamat ini ialah menambah pendengar acara dalam bahagian js komponen.

Ini akan menangkap semua kekunci yang ditekan pada papan kekunci Anda boleh menyemak kekunci yang ditekan melalui parameter yang dilampirkan pada acara tersebut.

NOTAIni bukan sahaja akan mendengar semua tekanan kekunci semasa memfokuskan pada butang/kawasan teks.