Vue常用按键别名【监听事件】

1.监听回车——enter

监听enter键——回车

<input @keyup.enter="enter">

enter(){
	console.log("按下Enter");
}

2.监听空格键——space

<input @keyup.space="space">

space(){
	console.log("按下空格");
}

空格监听可监听

• 打字的选择空格
• 单独的空格
  

3.监听delete或者Backspace——delete

<input @keyup.delete="delete">

delete(){
	console.log("按下delete或者Backspace");
}

4.监听esc键——esc

<input @keyup.esc="esc">

esc(){
	console.log("按下Esc");
}

5.监听键盘方向键（左）——left

<input @keyup.left="left">

left(){
	console.log("按下键盘←键");
}

同理只需要改变对应的值就可以监听上下左右键了

• up：键盘↑键
• down：键盘↓键
• left：键盘←键
• right：键盘→键

6.监听键盘Tab键——tab

<input @keyup.tab="tab">

tab(){
	console.log("按下Tab");
}

无法监听到未打字时的tab键
只能监听到打字时的tab