博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue监听Esc事件
阅读量:4027 次
发布时间:2019-05-24

本文共 386 字,大约阅读时间需要 1 分钟。

需求:监听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的错误;

转载地址:http://ivtbi.baihongyu.com/

你可能感兴趣的文章
Android开发(一)拨打电话程序
查看>>
Android开发(一)发送短信程序
查看>>
Android(二)数据存储和访问 之文件
查看>>
Android(三)数据存储之XML解析技术
查看>>
Android(三) 数据存储之二 SharedPreferences
查看>>
Android(三)数据存储之三SQLite嵌入式数据库
查看>>
Android(四)数据存储之四ContentProvider
查看>>
Android(四)数据存储之四网络
查看>>
Android(五)数据存储之五网络数据交互
查看>>
Android(五)数据存储之五网络多线程断点下载
查看>>
Android(六)Activity、请求码与结果码、Intent、广播、服务
查看>>
Android(六)通知、样式、主题、HTML
查看>>
浅谈 Facade 模式
查看>>
设计模式之Factory
查看>>
使用Hibernate进行大数据量的性能测试
查看>>
浅谈HTTP的无状态性
查看>>
程序调用飞信API发送免费短信(JAVA例子,其他语言一样用)
查看>>
向指定URL发送GET方法的请求(java)
查看>>
Oracle select in/exists/not in/not exits
查看>>
浅谈在Hibernate中使用Oracle sequence
查看>>