当前位置: 首页 > news >正文

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('鼠标右键');}}
http://www.lryc.cn/news/122453.html

相关文章:

  • Chrome 手动代理设置 HTTP/Socks5
  • SpringBoot第35讲:SpringBoot集成连接池 - 默认连接池HikariCP
  • 选择最适合自己的笔记本
  • 前端安全:探秘安全 HTTP 头的设置
  • python爬虫——爬虫伪装和反“反爬”
  • vue3 使用 element-china-area-data 实现地区选择器
  • STM32自带的DSP库的滤波初体验(一)
  • go kratos protobuf 接收动态JSON数据
  • Python学习笔记第五十四天(Pandas DataFrame)
  • Docker镜像查看下载删除镜像文件的相关命令
  • 1. VisionOS平台介绍
  • 【C#】设置有线网卡IP地址,子网掩码,网关,DNS
  • LVS-DR集群及NGINX负载均衡
  • React如何配置env环境变量
  • VR全景智慧文旅,用科技助力旅游业振兴
  • 系统架构设计专业技能 · 系统安全分析与设计(四)【加解密、数字信封、信息摘要、数字签名、数字书证、网络安全、信息安全】
  • 基于WebSocket的在线文字聊天室
  • VS Code中C++程序的调试(Debug)功能
  • C#四个字节十六进制与单精度浮点数互转
  • Springloc和aop的基础概念
  • 算法练习Day43|● 518. 零钱兑换 II ● 377. 组合总和 Ⅳ
  • 人类:我觉得1+1=956446,你觉得呢?大模型:啊对对对
  • Offset Explorer
  • 查看CentOS版本及系统位数与设置CentOS 7.9 2009 防火墙配置放开端口的命令与过程
  • 前端css高级
  • 华为OD真题--字符串中最小的整数和--带答案
  • 9月30日生效:微软官方服务协议更新,防止人工智能进行逆向工程
  • HarmonyOS教育类APP项目实战系列课结课考试答案(1-10讲)80分就合格
  • 为什么要学习Oracle技术?
  • ffmpeg+intel核显实现硬解码