hi,欢迎访问本站!
当前位置: 首页学习笔记正文

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

用户投稿 学习笔记 19阅读
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

标签:
声明:无特别说明,转载请标明本文来源!
发布评论
正文 取消