Tastenkombinationen funktionieren nicht, wenn v-textarea fokussiert ist
P粉415632319
P粉415632319 2023-09-10 20:28:59
0
1
553

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.

P粉415632319
P粉415632319

Antworte allen(1)
P粉057869348

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

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

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage