vue监听Esc事件

需求:监听Esc事件退出全屏,使用 document.addEventListener javascript

在mounted中定义以下代码:java

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

一、经过e.keyCode判断是否按Esc按键;this

二、定义let self = this;不然直接调用methods的方法会报方法undifined的错误;code