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的错误;

猜你喜欢

转载自blog.csdn.net/sayoko06/article/details/87973016