当 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 部分添加事件侦听器。

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

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