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

浏览器交互事件汇总

事件类别事件名称触发条件适用设备
指针事件 / Pointer Eventspointerdown用户按下指针设备(如鼠标、触摸屏、触控笔)所有设备
pointermove指针设备在屏幕上移动所有设备
pointerup用户松开指针设备所有设备
pointercancel系统取消指针操作所有设备
鼠标事件 / Mouse Eventsmousedown用户按下鼠标按钮桌面端
mousemove鼠标在屏幕上移动桌面端
mouseup用户松开鼠标按钮桌面端
click单击鼠标按钮桌面端
dblclick双击鼠标按钮桌面端
contextmenu右键点击打开上下文菜单桌面端
触摸事件 / Touch Eventstouchstart用户触摸屏幕手机、平板
touchmove触摸点在屏幕上移动手机、平板
touchend用户手指从屏幕上移开手机、平板
touchcancel系统取消触摸操作(如来电时)手机、平板
键盘事件 / Keyboard Eventskeydown按下键盘按键桌面端、部分移动端
keyup松开键盘按键桌面端、部分移动端
keypress按下按键(不推荐)桌面端
焦点事件 / Focus Eventsfocus元素获取焦点所有设备
blur元素失去焦点所有设备
focusin / focusout类似于 focus 和 blur,但可以冒泡所有设备
输入事件 / Input Eventsinput输入框中内容改变(实时)所有设备
change输入框或选择框中值改变所有设备
滚动事件 / Scroll Eventscroll页面或可滚动元素发生滚动所有设备
拖放事件 / Drag and Drop Eventsdragstart开始拖拽元素桌面端
drag拖拽元素过程中持续触发桌面端
dragend拖拽结束桌面端
dragenter, dragover, dragleave拖拽元素经过目标位置桌面端
drop拖拽元素放置到目标位置桌面端
DOM变更事件 / Mutation EventsMutationObserver监听 DOM 结构或属性的变化所有设备
设备传感事件 / Device Orientation and Motion Eventsdeviceorientation设备方向变化移动端
devicemotion设备加速度或旋转变化移动端
全屏事件 / Fullscreen Eventsfullscreenchange页面或元素进入或退出全屏所有设备
fullscreenerror请求全屏失败所有设备
语音识别事件 / Speech Recognition EventsSpeechRecognition语音识别结果、错误支持语音设备
虚拟键盘事件 / Virtual Keyboard Eventskeyboardopen / keyboardclose虚拟键盘打开或关闭(非标准事件)移动端
手势事件 / Gesture Eventsgesturestart, gesturechange, gestureend多点触控手势(如放大、缩小)手机、平板

http://www.kler.cn/a/389936.html

相关文章:

  • 蓝桥杯每日真题 - 第7天
  • Axure网络短剧APP端原型图,竖屏微剧视频模版40页
  • 基于迭代重加权最小二乘法的算法及例程
  • 【 ElementUI 组件Steps 步骤条使用新手详细教程】
  • SOLIDWORKS代理商鑫辰信息科技
  • BERT配置详解1:构建强大的自然语言处理模型
  • 97_api_intro_imagerecognition_pdf2word
  • GEE ui界面实现:用户自画多边形, 按面积比例在多边形中自动生成样点,导出多边形和样点shp,以及删除上一组多边形和样点(有视频效果展示)
  • 数据库设计——E-R 图,学习笔记
  • 探索Copier:Python项目模板的革命者
  • 【软考系统架构设计师论文】论面向服务的架构设计
  • 11.9.2024刷华为
  • 基于SSM(Spring + Spring MVC + MyBatis)框架的汽车租赁共享平台系统
  • 渗透测试---python基础:基础语法的使用
  • 嵌入式系统的利器C++
  • 一、HTML
  • 网络初阶——应用层:HTTPS 协议
  • 【初阶数据结构与算法】线性表之链表的分类以及双链表的定义与实现
  • 【C#设计模式(3)——抽象工厂模式(Abstract Factory Pattern)】
  • 弱口令整改方案:借助双因子认证加强账号密码安全
  • CKA认证 | Day1 k8s核心概念与集群搭建
  • 【layui】echart的简单使用
  • web前端三大组成部分
  • 【架构设计常见技术】
  • GESP4级考试语法知识(贪心算法(一))
  • 人工智能、机器学习与深度学习:层层递进的技术解读