登录  /  注册
当 v-textarea 聚焦时快捷键不起作用
P粉415632319
P粉415632319 2023-09-10 20:28:59
[Vue.js讨论组]

我有一个小问题。一旦文本区域获得焦点,快捷键(插件)就无法在按钮上执行。

... => 不相关的内容

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号