mounted(){
// 添加键盘Esc事件
this.$nextTick(()=>{
document.addEventListener('keyup',(e)=>{
if(e.keyCode==27){
this.CloseX(event) //事件名
}
})
第二种方法
document.onkeydown=(event)=>{
let key =window.event.keyCode;
if (key ==27){
this.CloseX(event)
}
}
}),
}
如果不用箭头函数的话,需要在外面把this赋给一个值然后在事件中使用
mounted(){
let that=this
// 添加键盘Esc事件
this.$nextTick(function(){
document.addEventListener('keyup',function(e){
if(e.keyCode==27){
this.CloseX(event) //事件名
}
})
}),
}
vue全局绑定键盘事件
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 一.键盘事件及键值修饰符(alt:enter) 1.键盘事件keyup,只要按键就会触发相应函数。 2.keyup...
- 1:ng-change = " 方法名( ) " 当元素内容发生改变,执行方法。 PS:用ng-model =...
- 一、事件对象 1.1什么是事件对象 在触发dom上的某个事件时会产生一个事件对象event,这个对象包含着所有与事...