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按键

其他组合按键事件类似，可自行尝试。