
【Vue】vue里面如何监听键盘事件
发布日期:2021-05-07 13:40:14
浏览次数:20
分类:原创文章
本文共 554 字,大约阅读时间需要 1 分钟。
一、前言:
<span>、<div>元素中是不可以用键盘事件的,所以需要另想办法。
二、解决方案:
(1)通过监听的方法。
mounted(){ this.backEvent(); }, methods: { backEvent(){ document.addEventListener('keyup',(event) =>{ const keyName =event.key; if(keyName === 'Backspace'){ this.deletelink(); } }) },
(2)设置span元素中的方法
<span v-html="item" tabindex='1' class="select" v-for="(item,i) in list" v-on:click="link()" v-on:keyup.delete="deletelink()" :key="i">{ {item}}</span>
(3)调取span元素中的deletelink()事件。
deletelink(){ console.log(1234); }
发表评论
最新留言
关注你微信了!
[***.104.42.241]2025年03月23日 13时53分03秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
(20200328已解决)从docker容器内复制文件到宿主机
2019-03-04
理解Docker ulimit参数
2019-03-04
Factor Exposure因子暴露
2019-03-04
理解Python系统下的时间格式
2019-03-04
《经济机器是怎样运行的》笔记(三)
2019-03-04
Python语言'类'概念再理解
2019-03-04
(2019.6.27)Anaconda清华镜像已恢复使用
2019-03-04
Robomongo使用教程:踩着前辈的路
2019-03-04
Python中Class类与def函数的区别
2019-03-04
OpenAI Gym简介及初级实例
2019-03-04
用Matplotlib和Gym优雅地呈现股票交易智体
2019-03-04
Github上量化交易相关项目汇总
2019-03-04
JS取出两个数组中的不同或相同元素
2019-03-04
Ubuntu 18.04 zip压缩文件及其文件 夹中的所以 内容
2019-03-04
int 转 CString
2019-03-04
Edit编辑框自动换行与长度
2019-03-04
英语02_单词词性
2019-03-04