Vue鼠标与键盘事件触发汇总
Vue鼠标与键盘事件触发汇总
一、鼠标事件
1、悬浮事件
@mouseenter :进入
@mouseover:在
@mousemove:移动
@mouseout:移出
@mouseleave:离开
2、点击事件
@click:单击左键
@mousedown:按下鼠标左键/右键
@mouseup:松开鼠标左键/右键
@dblclick:双击左键
二、键盘按键事件
1、单按键事件
@keyup.enter :按Enter键
@keyup.page-down :按PageDown键
@keyup.tab :按Tab键
@keyup.delete :按Delete键
@keyup.esc :按ESC键
@keyup.space :按Space键
@keyup.up :按↑(Up)键
@keyup.down :按↓(Down)键
@keyup.left :按←(Left)键
@keyup.right :按→(Right)键
2、组合按键事件
@keyup.alt.enter :同时按下Alt + Enter按键
其他组合按键事件类似,可自行尝试。