js鼠标事件大全

news2026/3/12 0:45:43

一、鼠标相关事件(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
onFinishMarquee 内容播放完成后触发IE4, N, O
onStartMarquee 开始显示内容时触发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 Explorer
  • N 表示 Netscape Navigator
  • O 表示 Opera
  • 这些事件大多为早期浏览器所支持,部分现代浏览器已弃用或不再推荐使用,请结合实际开发需求评估兼容性。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2400815.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Java八股文——Redis篇

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

爬虫接口类型判断与表单需求识别全解析

爬虫接口类型判断与表单需求识别全解析 在爬虫开发中,准确判断目标接口的类型以及是否需要表单提交,是实现高效、稳定爬取的关键一步。本文将通过实际案例,详细介绍如何通过浏览器开发者工具和代码验证来判断接口类型及表单需求。 一、接口…

Chainlink:连接 Web2 与 Web3 的去中心化桥梁

区块链技术通过智能合约实现了去中心化的自动执行,但智能合约无法直接访问链下数据,限制了其在现实世界的应用。Chainlink 作为去中心化预言机网络,以信任最小化的方式解决了这一问题,成为连接传统互联网(Web2&#xf…

编译一个Mac M系列可以用的yuview

做音视频的有一个神器工具YUView,具体使用和它的功能可以看:https://zhuanlan.zhihu.com/p/558580168, 这个作者讲得很清楚,但是官方只提供了intel的版本,arm版本要自己编,且依赖低版本的ffmpeg。 操作过程…

rabbitmq Topic交换机简介

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

网络交换机:构建高效、安全、灵活局域网的基石

在数字化时代,网络交换机作为局域网(LAN)的核心设备,承担着数据转发、通信优化和安全防护的关键任务。其通过独特的MAC地址学习、冲突域隔离、VLAN划分等技术,显著提升了网络性能,成为企业、学校、医院等场景不可或缺的基础设施。…

【Oracle】存储过程

个人主页:Guiat 归属专栏:Oracle 文章目录 1. 存储过程基础概述1.1 存储过程的概念与特点1.2 存储过程的组成结构1.3 存储过程的优势 2. 基础存储过程2.1 简单存储过程2.1.1 创建第一个存储过程2.1.2 带变量的存储过程 2.2 带参数的存储过程2.2.1 输入参…

单元测试-断言常见注解

目录 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 ?

在你面前摆着一堆机器运行日志、传感器读数、电表数据,几十万、几百万条每秒增长的数据流,你会怎么处理?是加人、加脚本,还是干脆放弃实时分析? 过去,时序数据是工业的“副产品”:只是存着、查…

OpenCV C/C++ 视频播放器 (支持调速和进度控制)

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

【Linux庖丁解牛】—自定义shell的编写!

1. 打印命令行提示符 在我们使用系统提供的shell时,每次都会打印出一行字符串,这其实就是命令行提示符,那我们自定义的shell当然也需要这一行字符串。 这一行字符串包含用户名,主机名,当前工作路径,所以&a…

Linux运维笔记:1010实验室电脑资源规范使用指南

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

【Docker 从入门到实战全攻略(二):核心概念 + 命令详解 + 部署案例】

5. Docker Compose Docker Compose 是一个用于定义和运行多容器 Docker 应用的工具。通过一个 YAML 文件来配置应用服务,然后使用一个命令即可创建并启动所有服务。 基本命令 docker-compose up # 创建并启动所有服务 docker-compose down # 停止并移除容器、网络等…

【conda配置深度学习环境】

好的!我们从头开始配置一个基于Conda的虚拟环境,覆盖深度学习(如PyTorch)和传统机器学习(如XGBoost),并适配你的显卡(假设为NVIDIA,若为AMD请告知)。以下是完…

力扣4.寻找两个正序数组的中位数

文章目录 题目介绍题解 题目介绍 题解 题解链接:题解 核心思路:通过二分查找的确定分割点使左右两部分元素数量相等。 class Solution {public double findMedianSortedArrays(int[] nums1, int[] nums2) {int n1 nums1.length;int n2 nums2.length…

【相机基础知识与物体检测】更新中

参考: 黑马机器人 | 相机标定&物体检测https://robot.czxy.com/docs/camera/ 01-相机基础 相机基础概述 相机是机器视觉的基础,相机直接产生了相机数据。所有视觉算法都是作用在相机数据上的。相机数据的好坏,或者对相机数据的理解方式…

【前端】性能优化和分类

本页知识点参考:https://zhuanlan.zhihu.com/p/514222781 1. 加载性能优化 1.1 网站性能优化 content方法: 1)减少HTTP请求:合并文件,CSS精灵,inline Image 2)减少DNS查询:DNS缓存&…

PPO和GRPO算法

verl 是现在非常火的 rl 框架,而且已经支持了多个 rl 算法(ppo、grpo 等等)。 过去对 rl 的理解很粗浅(只知道有好多个角色,有的更新权重,有的不更新),也曾硬着头皮看了一些论文和知…