vue键盘和鼠标事件
1、键盘事件
**按Enter键**
@keyup.enter**按PageDown键**
@keyup.page-down **按Tab键**
@keyup.tab **按Delete键**
@keyup.delete **按ESC键**
@keyup.esc**按Space键**
@keyup.space **按↑(Up)键**
@keyup.up**按↓(Down)键**
@keyup.down **按←(Left)键**
@keyup.left **按→(Right)键>**
@keyup.right :实例: 按enter键执行函数
<div @keyup.enter="enterHandler"></div>
enterHandler(){console.log('你按下了enter键')
}
2、组合按键
**同时按下Alt + Enter按键**
@keyup.alt.enter
3、鼠标事件
**光标进入**@mouseenter**光标在之上**
@mouseover **光标在之上移动**
@mousemove**鼠标移出**
@mouseout**鼠标离开**
@mouseleave **单击左键**
@click**按下鼠标左键/右键**
@mousedown**松开鼠标左键/右键**
@mouseup**双击左键**
@dblclick
可以下列方法判断按下鼠标哪个键
<div @mousedown="mouseHandle"></div>
mouseHandle(event){if(event.button==0){console.log('鼠标左键'); }else if(event.button==1){console.log('鼠标滚轮');}else{console.log('鼠标右键');}}