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、鼠标事件文章来源：https://www.toymoban.com/news/detail-637181.html
**光标进入**
@mouseenter
**光标在之上**
@mouseover
**光标在之上移动**
@mousemove
**鼠标移出**
@mouseout
**鼠标离开**
@mouseleave
**单击左键**
@click
**按下鼠标左键/右键**
@mousedown
**松开鼠标左键/右键**
@mouseup
**双击左键**
@dblclick
可以下列方法判断按下鼠标哪个键文章来源地址https://www.toymoban.com/news/detail-637181.html
<div @mousedown="mouseHandle"></div>
mouseHandle(event){
if(event.button==0){
console.log('鼠标左键');
}else if(event.button==1){
console.log('鼠标滚轮');
}else{
console.log('鼠标右键');
}
}
到了这里，关于vue键盘和鼠标事件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[计算机入门] 了解键盘](https://imgs.yssmx.com/Uploads/2024/02/561165-1.png)
