js鼠标事件大全

发布于：2025-06-05 ⋅ 阅读:(25) ⋅ 点赞:(0)

一、鼠标相关事件（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 Explorer

N 表示 Netscape Navigator

O 表示 Opera

这些事件大多为早期浏览器所支持，部分现代浏览器已弃用或不再推荐使用，请结合实际开发需求评估兼容性。