【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);    }

 

上一篇:2019年下半年总结
下一篇:【vue】组件和图片相对位置调整

发表评论

最新留言

关注你微信了!
[***.104.42.241]2025年03月23日 13时53分03秒