JavaScript 鼠标与页面事件详解

该文档详细介绍了JavaScript中的各种鼠标事件和一些与页面、表单相关的事件。主要内容包括鼠标点击、双击、按下、松开、移动、离开等事件，以及页面加载、错误处理、窗口大小调整、滚动等页面事件。此外，还提到了表单的焦点变化、内容更改、重置和提交事件，以及滚动字幕事件。 1. **鼠标事件**： - `onClick`：鼠标点击事件，在鼠标点击对象时触发。 - `onDblClick`：鼠标双击事件，当鼠标对对象进行双击操作时触发。 - `onMouseDown`：鼠标按钮被按下事件，当鼠标任意按钮被按下时触发。 - `onMouseUp`：鼠标按钮松开事件，当按下后的鼠标按钮被释放时触发。 - `onMouseOver`：鼠标进入事件，当鼠标移动到对象上方时触发。 - `onMouseMove`：鼠标移动事件，当鼠标在页面上移动时触发。 - `onMouseOut`：鼠标离开事件，当鼠标离开对象区域时触发。 2. **键盘事件**： - `onKeyPress`：键盘按键按下并释放事件，当用户按下并释放一个键盘键时触发，要求页面内有聚焦的对象。 - `onKeyDown`：键盘按键按下事件，当用户按下键盘上的任意键时触发，同样要求页面有聚焦对象。 - `onKeyUp`：键盘按键释放事件，当用户释放键盘上的键时触发。 3. **页面相关事件**： - `onAbort`：图片加载中断事件，当图片加载被用户中断时触发。 - `onBeforeUnload`：页面内容即将改变事件，发生在页面内容即将被替换前。 - `onError`：页面错误事件，用于捕获脚本错误或外部数据引用错误。 - `onLoad`：页面加载完成事件，当整个页面包括外部资源加载完毕时触发。 - `onMove`：浏览器窗口移动事件，当窗口位置改变时触发。 - `onResize`：窗口大小调整事件，当浏览器窗口尺寸发生变化时触发。 - `onScroll`：滚动事件，当浏览器滚动条位置改变时触发。 - `onStop`：页面停止或文件下载中断事件，当用户按下停止按钮或下载中断时触发。 - `onUnload`：页面卸载事件，当页面将被替换或关闭时触发。 4. **表单相关事件**： - `onBlur`：元素失去焦点事件，当元素不再被选中或聚焦时触发。 - `onChange`：元素内容更改事件，当元素内容改变且失去焦点时触发。 - `onFocus`：元素获取焦点事件，当元素被选中或聚焦时触发。 - `onReset`：表单重置事件，当用户点击重置按钮时触发。 - `onSubmit`：表单提交事件，当用户点击提交按钮或通过JavaScript提交表单时触发。 5. **滚动字幕事件**： - `onBounce`：在`<marquee>`标签中的内容反弹事件，适用于旧版浏览器的滚动字幕效果。 这些事件是JavaScript实现交互式网页的重要工具，它们可以帮助开发者响应用户的输入行为，创建动态和交互丰富的网页应用。理解并熟练运用这些事件对于前端开发至关重要。