js鼠标事件大全
一、鼠标相关事件(Mouse Events)
事件名 | 描述 | 支持浏览器(HTML 版本) |
---|---|---|
onClick | 鼠标单击对象时触发 | IE3, N2, O3 |
onDblClick | 鼠标双击对象时触发 | IE4, N4, O |
onMouseDown | 鼠标按键按下时触发 | IE4, N4, O |
onMouseUp | 鼠标按键释放时触发 | IE4, N4, O |
onMouseOver | 鼠标移入对象范围时触发 | IE3, N2, O3 |
onMouseMove | 鼠标在对象范围内移动时触发 | IE4, N4, O |
onMouseOut | 鼠标离开对象范围时触发 | IE4, N3, O3 |
二、键盘相关事件(Keyboard Events)
事件名 | 描述 | 支持浏览器(HTML 版本) |
---|---|---|
onKeyPress | 按下并释放键盘按键时触发(需对象聚焦) | IE4, N4, O |
onKeyDown | 键盘按键按下时触发(需对象聚焦) | IE4, N4, O |
onKeyUp | 键盘按键释放时触发(需对象聚焦) | IE4, N4, O |
三、页面相关事件(Page Events)
事件名 | 描述 | 支持浏览器(HTML 版本) |
---|---|---|
onAbort | 图片下载被用户中断时触发 | IE4, N3, O |
onBeforeUnload | 页面即将关闭或刷新时触发 | IE4, N, O |
onError | 页面发生错误(如脚本或资源加载失败) | IE4, N3, O |
onLoad | 页面完全加载完成时触发 | IE3, N2, O3 |
onMove | 浏览器窗口被移动时触发 | IE, N4, O |
onResize | 浏览器窗口大小改变时触发 | IE4, N4, O |
onScroll | 页面滚动条位置变化时触发 | IE4, N, O |
onStop | 用户点击停止按钮或下载中断时触发 | IE5, N, O |
onUnload | 页面即将卸载时触发 | IE3, N2, O3 |
四、表单相关事件(Form Events)
事件名 | 描述 | 支持浏览器(HTML 版本) |
---|---|---|
onBlur | 元素失去焦点时触发 | IE3, N2, O3 |
onChange | 元素失去焦点且值发生变化时触发 | IE3, N2, O3 |
onFocus | 元素获得焦点时触发 | IE3, N2, O3 |
onReset | 表单重置按钮被点击时触发 | IE4, N3, O3 |
onSubmit | 表单提交时触发 | IE3, N2, O3 |
五、滚动字幕事件(Marquee Events)
事件名 | 描述 | 支持浏览器(HTML 版本) |
---|---|---|
onBounce | 内容超出 Marquee 显示区域时触发 | IE4, N, O |
onFinish | Marquee 内容播放完成后触发 | IE4, N, O |
onStart | Marquee 开始显示内容时触发 | IE4, N, O |
六、编辑与拖放事件(Editing & Drag/Drop Events)
事件名 | 描述 | 支持浏览器(HTML 版本) |
---|---|---|
onBeforeCopy | 内容即将复制前触发 | IE5, N, O |
onBeforeCut | 内容即将剪切前触发 | IE5, N, O |
onBeforePaste | 内容即将粘贴前触发 | IE5, N, O |
onBeforeEditFocus | 元素即将进入编辑状态 | IE5, N, O |
onCopy | 内容复制后触发 | IE5, N, O |
onCut | 内容剪切后触发 | IE5, N, O |
onPaste | 内容粘贴后触发 | IE5, N, O |
onDrag | 对象被拖动时触发 | IE5, N, O |
onDragDrop | 外部对象拖入窗口或帧中 | IE, N4, O |
onDragEnd | 拖动结束时触发 | IE5, N, O |
onDragEnter | 被拖动对象进入容器范围 | IE5, N, O |
onDragLeave | 被拖动对象离开容器范围 | IE5, N, O |
onDragOver | 被拖动对象在容器内移动 | IE5, N, O |
onDragStart | 拖动开始前触发 | IE4, N, O |
onDrop | 拖动过程中释放鼠标键 | IE5, N, O |
onLoseCapture | 元素失去鼠标选择焦点 | IE5, N, O |
onSelect | 文本内容被选中时触发 | IE4, N, O |
onSelectStart | 文本选择开始前触发 | IE4, N, O |
七、数据绑定事件(Data Binding Events)
事件名 | 描述 | 支持浏览器(HTML 版本) |
---|---|---|
onAfterUpdate | 数据从源更新到对象后触发 | IE4, N, O |
onCellChange | 数据单元格内容变化时触发 | IE5, N, O |
onDataAvailable | 数据接收完成时触发 | IE4, N, O |
onDatasetChanged | 数据源数据变化时触发 | IE4, N, O |
onDatasetComplete | 数据源所有数据加载完成 | IE4, N, O |
onErrorUpdate | 更新数据被取消时替代 onAfterUpdate 触发 | IE4, N, O |
onRowEnter | 新行数据进入时触发 | IE5, N, O |
onRowExit | 当前行数据将要变更时触发 | IE5, N, O |
onRowsDelete | 行数据将被删除时触发 | IE5, N, O |
onRowsInserted | 新行插入时触发 | IE5, N, O |
八、外部控制与系统事件(External/System Events)
事件名 | 描述 | 支持浏览器(HTML 版本) |
---|---|---|
onAfterPrint | 打印操作完成后触发 | IE5, N, O |
onBeforePrint | 打印操作开始前触发 | IE5, N, O |
onFilterChange | 对象滤镜效果变化时触发 | IE4, N, O |
onHelp | 用户点击帮助或 F1 键时触发 | IE4, N, O |
onPropertyChange | 对象属性变化时触发 | IE5, N, O |
onReadyStateChange | 对象初始化状态变化时触发 | IE4, N, O |
💡 说明:
IE
表示 Internet ExplorerN
表示 Netscape NavigatorO
表示 Opera- 这些事件大多为早期浏览器所支持,部分现代浏览器已弃用或不再推荐使用,请结合实际开发需求评估兼容性。
相关文章:
js鼠标事件大全
一、鼠标相关事件(Mouse Events) 事件名描述支持浏览器(HTML 版本)onClick鼠标单击对象时触发IE3, N2, O3onDblClick鼠标双击对象时触发IE4, N4, OonMouseDown鼠标按键按下时触发IE4, N4, OonMouseUp鼠标按键释放时触发IE4, N4, …...

Java八股文——Redis篇
目录 1. 缓存穿透解决方案1. 缓存空值2. 布隆过滤器(Bloom Filter)3. 参数校验4. 接口限流与验证码 2. 缓存击穿解决方案1. 设置热点数据永不过期(或很长过期时间)2. 使用互斥锁(如分布式锁)3. 利用异步更新…...

爬虫接口类型判断与表单需求识别全解析
爬虫接口类型判断与表单需求识别全解析 在爬虫开发中,准确判断目标接口的类型以及是否需要表单提交,是实现高效、稳定爬取的关键一步。本文将通过实际案例,详细介绍如何通过浏览器开发者工具和代码验证来判断接口类型及表单需求。 一、接口…...
Photoshop智能图层 vs 普通图层:核心差异与适用场景对比
一、基础概念对比 维度智能图层(Smart Object)普通图层(Raster Layer)本质定义封装原始数据的容器,保留原始图像/矢量/3D信息直接编辑的像素图层,仅存储当前显示效果核心特性非破坏性编辑(保留…...

Chainlink:连接 Web2 与 Web3 的去中心化桥梁
区块链技术通过智能合约实现了去中心化的自动执行,但智能合约无法直接访问链下数据,限制了其在现实世界的应用。Chainlink 作为去中心化预言机网络,以信任最小化的方式解决了这一问题,成为连接传统互联网(Web2…...
[Java 基础]面向对象-继承
继承,可以理解为和现实生活中的继承是一样的概念,比如:儿子继承了父亲的一些特性,面貌、身材、性格等。 在面向对象编程中,继承的概念与之类似。它允许我们创建一个新的类(子类 或 派生类)&…...

编译一个Mac M系列可以用的yuview
做音视频的有一个神器工具YUView,具体使用和它的功能可以看:https://zhuanlan.zhihu.com/p/558580168, 这个作者讲得很清楚,但是官方只提供了intel的版本,arm版本要自己编,且依赖低版本的ffmpeg。 操作过程…...
LeetCode - 876. 链表的中间结点
题目 876. 链表的中间结点 - 力扣(LeetCode) 快慢指针解法 初始化两个指针: 慢指针(slow):每次移动一步 快指针(fast):每次移动两步 同时移动两个指针: 当fast指针到达链表末尾或者倒数第二个节点时…...
概率单纯形(Probability Simplex)
目录 定义性质在统计学中的应用在机器学习中的应用在信息论中的应用在优化问题中的应用在其他领域的应用 定义 定义:在数学中,概率单纯形(Probability Simplex)是指在 n n n维空间中,所有分量非负且分量之和为1的向量…...
Go语言爬虫系列教程4:使用正则表达式解析HTML内容
Go语言爬虫系列教程4:使用正则表达式解析HTML内容 正则表达式(Regular Expression,简称RegEx)是处理文本数据的利器。在网络爬虫中,我们经常需要从HTML页面中提取特定的信息,正则表达式就像一个智能的&quo…...

6.4 C++作业
刷题...

rabbitmq Topic交换机简介
1. Topic交换机 说明 尽管使用 direct 交换机改进了我们的系统,但是它仍然存在局限性——比方说我们的交换机绑定了多个不同的routingKey,在direct模式中虽然能做到有选择性地接收日志,但是它的选择性是单一的,就是说我的一条消息…...

网络交换机:构建高效、安全、灵活局域网的基石
在数字化时代,网络交换机作为局域网(LAN)的核心设备,承担着数据转发、通信优化和安全防护的关键任务。其通过独特的MAC地址学习、冲突域隔离、VLAN划分等技术,显著提升了网络性能,成为企业、学校、医院等场景不可或缺的基础设施。…...
【ArcGIS微课1000例】0148:Geographic Imager6.2使用教程
文章目录 一、Geographic Imager6.2下载安装二、Geographic Imager6.2使用方法1. 打开Geographic Imager2. 导入地理影像3. 导入DEM地形渲染4. 设置地理坐标系统5. 进行地理影像的处理6. 导出地理影像一、Geographic Imager6.2下载安装 在专栏上一篇文章中已经详细讲述了Geogr…...

【Oracle】存储过程
个人主页:Guiat 归属专栏:Oracle 文章目录 1. 存储过程基础概述1.1 存储过程的概念与特点1.2 存储过程的组成结构1.3 存储过程的优势 2. 基础存储过程2.1 简单存储过程2.1.1 创建第一个存储过程2.1.2 带变量的存储过程 2.2 带参数的存储过程2.2.1 输入参…...
CppCon 2015 学习A Few Good Types
代码重构前后,用现代C更安全、更简洁的方式来处理数组和长度问题,并且利用静态分析(SA,Static Analysis)工具来捕获潜在错误。 代码重构前(Before) void f(_In_reads_(num) Thing* things, un…...
winrm登录失败,指定的凭据被服务器拒绝
winrm登录失败,指定的凭据被服务器拒绝。 异常提示:the specified credentials were rejected by the server 在windows power shell执行 set-executionpolicy remotesigned winrm quickconfig winrm set winrm/config/service/auth {Basic"true…...

单元测试-断言常见注解
目录 1.断言 2.常见注解 3.依赖范围 1.断言 断言练习 package com.gdcp;import org.junit.jupiter.api.Assertions; import org.junit.jupiter.api.Test;//测试类 public class UserServiceTest {Testpublic void testGetGender(){UserService userService new UserService…...

TDengine 在电力行业如何使用 AI ?
在你面前摆着一堆机器运行日志、传感器读数、电表数据,几十万、几百万条每秒增长的数据流,你会怎么处理?是加人、加脚本,还是干脆放弃实时分析? 过去,时序数据是工业的“副产品”:只是存着、查…...
Java抽象工厂模式详解
Java 抽象工厂模式是一种创建型设计模式,它提供了一种方式,可以将一组具有共同主题的单个工厂封装起来,而不必指定它们具体的类。这种模式属于创建型模式,它隐藏了对象创建的逻辑,将客户端与具体类的实现解耦。 一、核…...
matlab实现高斯烟羽模型算法
高斯烟羽模型的matlab代码 Code.m , 441 Cross.m , 1329 fit.m , 2080 fitness.m , 2160 fitness1.m , 2191 gaosiyanyu.m , 1936 jixian.m , 169 main.m , 155 mGA.m , 10415 mGA_new.fig , 7218 mGA_new.m , 18196 mPSO.m , 6681 Mutation.m , 1234 point.m , 1976 Select.m…...
SpringBoot parent依赖高版本覆盖低版本问题
问题 在Spring Boot项目中,有时候我们会遇到这样的情况:当我们引入了多个依赖库,而这些库中有相同的依赖项但版本不同。这种情况下,高版本的依赖可能会覆盖低版本的依赖,导致项目运行时出现不期望的行为或错误。为了解…...

OpenCV C/C++ 视频播放器 (支持调速和进度控制)
OpenCV C/C 视频播放器 (支持调速和进度控制) 本文将引导你使用 C 和 OpenCV 库创建一个功能稍复杂的视频播放器。该播放器不仅能播放视频,还允许用户通过滑动条来调整播放速度(加速/减速)以及控制视频的播放进度。 使用opencv打开不会压缩画…...

【Linux庖丁解牛】—自定义shell的编写!
1. 打印命令行提示符 在我们使用系统提供的shell时,每次都会打印出一行字符串,这其实就是命令行提示符,那我们自定义的shell当然也需要这一行字符串。 这一行字符串包含用户名,主机名,当前工作路径,所以&a…...
C++抽象类与多态实战解析
这段 C 代码演示了 抽象类(Abstract Class) 和 多态(Polymorphism) 的使用,它定义了一个表示教师的抽象基类 Teacher,并派生出两个具体的子类:EnglishTeacher(英语老师)和…...
OpenAI API 流式传输
OpenAI API 流式传输教程 🌊 本教程将详细解释 OpenAI API 如何进行数据流式传输,从基本的文本块到复杂的工具调用指令。流式传输允许你逐步从模型接收数据,这对于构建响应灵敏的用户界面和处理长输出非常有用。 1. 基础知识:Ser…...
嵌入式分析利器:DuckDB与SqlSugar实战
一、DuckDB 的核心特性与适用场景 DuckDB 是一款 嵌入式分析型数据库(OLAP) ,专为高效查询设计,主要特点包括: 列式存储与向量化引擎 数据按列存储,提升聚合统计效率(如 SUM/AVG…...
嵌入式学习笔记 - freeRTOS任务设计要点
一 中断函数中不允许操作任务 因为中断函数使用的上下文环境是MSP环境,而非PSP环境,不允许挂起任务,不允许阻塞任务的任何操作。 可以使用FromISR函数进行操作。 二 中断的频率与处理时间 中断的处理时间要远低于任务的运行时间ÿ…...

Linux运维笔记:1010实验室电脑资源规范使用指南
文章目录 一. 检查资源使用情况,避免冲突1. 检查在线用户2. 检查 CPU 使用情况3. 检查 GPU 使用情况4. 协作建议 二. 备份重要文件和数据三. 定期清理硬盘空间四. 退出 ThinLinc 时注销,释放内存五. 校外使用时配置 VPN注意事项 总结 实验室的电脑配备了…...

12:点云处理—调平,角度,平面度,高度,体积
1.调平 2.夹角、平面度 3.高度、体积...