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