當 v-textarea 聚焦時快捷鍵不起作用

Question

我有一個小問題。一旦文字區域獲得焦點，快捷鍵（插件）就無法在按鈕上執行。

... => 不相關的內容

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

當你集中註意力時，這兩種方法都不會執行。有人有解決辦法嗎？

如果您單擊“alt”和“enter”，我想執行確認方法，甚至專注於文字區域。 如果您單擊“esc”，我想執行 abort 方法，甚至專注於文字區域。

Answer 1

實現此目的的一種方法是在元件的 js 部分中新增事件偵聽器。

這將捕捉按下的所有按鍵鍵盤你可以透過事件附帶的參數來檢查按下了什麼鍵。

注意這不僅會在聚焦於按鈕/文字區域時監聽所有按鍵。