vue监听Esc事件
需求:监听Esc事件退出全屏,使用 document.addEventListener 在mounted中定义如下代码:mounted() {//监听键盘按键事件let self = this;this.$nextTick(function () {document.addEventListener('keyup', function (e) {//此处填写...
·
需求:监听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的错误;
更多推荐
已为社区贡献15条内容
所有评论(0)