vue中给doucment添加键盘事件

  • Post author:
  • Post category:vue




一般都是给一个input添加键盘事件,从而用keyCode来做一些函数的处理
<input type="text" @keydown="show($event)">

methods: {
	show (e) {
		console.log(e.keyCode)
		if (e.keyCode === 13) {
			console.log('你按了enter键')
		}
	}
}


有时候,vue中需要给body或者doucument绑定键盘事件,可以用下面的方法
mounted () {
    document.addEventListener('keydown', (e) => {
      console.log(e.keyCode)
      // 下面可以通过keyCode来添加键盘事件
   }    
}



版权声明:本文为weixin_44038355原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。