當 v-textarea 聚焦時快捷鍵不起作用
P粉415632319
P粉415632319 2023-09-10 20:28:59
0
1
288

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

... => 不相關的內容

<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 方法,甚至專注於文字區域。

P粉415632319
P粉415632319

全部回覆(1)
P粉057869348

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

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

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!