Heim  >  Fragen und Antworten  >  Hauptteil

Tastenkombinationen funktionieren nicht, wenn v-textarea fokussiert ist

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粉415632319P粉415632319425 Tage vor547

Antworte allen(1)Ich werde antworten

  • P粉057869348

    P粉0578693482023-09-11 18:27:43

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

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

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

    Antwort
    0
  • StornierenAntwort