vue监听Esc事件

最新推荐文章于 2024-08-21 15:54:35 发布

JSN___不像码农的码农

最新推荐文章于 2024-08-21 15:54:35 发布

阅读量3.7k

点赞数

分类专栏： vue js 文章标签： vue js

本文链接：https://blog.csdn.net/JSN___/article/details/106500574

版权

js 同时被 2 个专栏收录

75 篇文章 0 订阅

订阅专栏

vue

49 篇文章 0 订阅

订阅专栏

vue监听Esc事件

**需求：监听Esc事件退出全屏，使用 document.addEventListener **
在mounted中定义如下代码：

mounted() {
  //监听键盘按键事件
  let self = this;
  this.$nextTick(function () {
	document.addEventListener('keyup', function (e) {
	  //此处填写你的业务逻辑即可
	  if (e.keyCode == 27) {
		self.closeScreenFull();
	  }
	})
  })
},
methods: {
  closeScreenFull() {
	//退出全屏操作
  },
}

1、通过e.keyCode判断是否按Esc按键；

2、定义let self = this；否则直接调用methods的方法会报方法undifined的错误；