浏览器交互事件汇总

news/2024/11/9 5:42:33 标签: 交互, 前端
事件类别事件名称触发条件适用设备
指针事件 / 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.niftyadmin.cn/n/5744927.html

相关文章

开发工具 IntelliJ IDEA 使用技巧、快捷键、插件分享

IntelliJ IDEA 是一款功能强大的集成开发环境(IDE),被广泛用于Java开发。为了提高开发效率和编程体验,掌握一些常用的快捷键和插件是非常重要的。以下是一些实用的技巧、快捷键和插件推荐: 快捷键 编辑操作 复制&…

使用 React Native WebView 实现 App 与 Web 的通讯

使用 React Native WebView 实现 App 与 Web 的通讯 在移动应用开发中,常常需要在应用中嵌入网页,并实现 App 与 Web 之间的通讯。React Native 提供了一个强大的组件——react-native-webview,可以帮助我们实现这一功能。在这篇文章中&…

SpringBoot源码解析(一)

SpringBoot自动装配原理 SpringBootApplication注解 我们在使用SpringBoot时,通常使用的是SpringBootApplication这个注解,比如: 而这个注解的定义为下图,可以发现这个注解上有另外三个注解:SpringBootConfiguration…

将C++搭建的简单HTTP服务器升级为 HTTPS 服务器

HTTP 协议是不加密的,容易遭受中间人攻击(MITM)。为了提高安全性,你可以将服务器升级为 HTTPS 服务器,使用 SSL/TLS 加密流量。下面是如何将以下链接文章中的 HTTP 服务器修改为 HTTPS 服务器的步骤: ps:使…

特定曲线的曲率和挠率

目录 T1 T1 给定弧长参数曲线 r ( s ) \mathbf{r}(s) r(s),它的曲率和挠率分别是 κ κ ( s ) , τ τ ( s ) ; r ( s ) \kappa\kappa(s),\tau\tau(s);\mathbf{r}(s) κκ(s),ττ(s);r(s) 的单位切向量 t ( s ) (s) (s)可看作单位球面 S 2 S^2 S2上的一条曲线,称…

【51单片机数码管的控制开机时前四位数码管显示0000,每按下一次按键后松开数字加121,当数字大于等于8888时清零。】2022-3-18

缘由51单片机数码管的控制-嵌入式-CSDN问答 #include "REG52.h" sbit K1 P3^1; unsigned char code SmZiFu[]{63,6,91,79,102,109,125,7,127,111,128,119,124,57,94,121,113};//0-9. void smxs(unsigned char mz, unsigned char w) {unsigned char Xd0;P2255;P2255…

mapper.xml 使用大于号、小于号示例

<mapper namespace"com.example.EmployeeMapper"><!-- 更新employee_absent_resign_statistics表中的pre_work_date --><update id"updatePreWorkDate"><![CDATA[UPDATE employee e1JOIN employee e2ON e2.statistics_date < e1.s…

Flink处理无界数据流

Apache Flink 是一个专为处理无界和有界数据流而设计的流处理框架。处理无界数据流的关键在于能够实时处理不断到达的数据&#xff0c;并且保证处理的正确性和高效性。以下是Flink处理无界数据流的主要步骤和技术&#xff1a; 1. 数据源 (Source) 无界数据流的第一个步骤是从…