本文的内容是关于浏览器常用事件的分析，具有一定的参考价值。有需要的朋友可以参考一下，希望对你有帮助。

表单事件

键盘事件

当输入值textarea改变时触发。此外，每当值改变时，打开contenteditable属性的元素将触发输入事件。输入事件的一个特征是它将被连续触发。例如，每次用户按下一个键，输入事件都会被触发一次。

这种事件的例子包括：keydown、keyup，

鼠标事件

当在输入文本区域选择文本时，选择事件被触发

当输入、选择和文本区域的值改变时，会触发更改事件。输入事件和输入事件更大的区别是不会连续触发，而是在所有修改完成后才会触发，输入事件必然会触发变更事件。具体分为以下几种情况：

激活收音机或复选框时触发。

当用户提交时触发。例如，从以下列表中选择并在日期或文件输入框中选择。

当文本框或textarea元素的值更改并失去焦点时触发。

重置事件由窗体重置时的窗体元素触发(所有窗体成员都变回默认值)。

当表单数据提交到服务器时，表单元素触发提交事件。

记录事件：

卸载前

当窗口即将关闭或文档和web资源即将卸载时，将触发beforeunload事件。它可以用来防止用户无意中关闭网页。此事件的默认操作是关闭当前窗口或文档。如果在监听函数中调用了event.preventDefault()，或者给事件对象的returnValue属性赋予了非空值，则会自动弹出确认框，允许用户确认是否关闭网页。如果用户点击“取消”按钮，网页将不会关闭。监听功能返回的字符串将显示在确认对话框：中

window . addevent listener(' before unload '，函数(event){

if(event.preventDefault){

event . PreventDefault()；

}else{

Event.returnValue='您确定要离开吗？'；

}

});

卸载和装载

当窗口关闭或文档对象即将被卸载时，卸载事件被触发，并在诸如窗口、正文和框架集等对象上发生。其触发序列安排在beforeunload、pagehide事件之后。仅当页面未被浏览器缓存时，才会触发卸载事件。换句话说，如果通过按下前进/后退来卸载页面，卸载事件将不会被触发。当卸载事件发生时，文档对象处于特殊状态。所有资源仍然存在，但它们对用户和用户界面交互(窗口打开、警报、确认方法等)是不可见的。)都无效。此时，即使抛出错误，也无法停止文档卸载。

页面加载成功时触发加载事件，页面加载失败时触发错误事件。请注意，从浏览器缓存加载页面不会触发加载事件。

其实这两个事件都是进度事件，不仅发生在文档对象上，还发生在各种外部资源上。浏览网页是加载各种资源的过程，比如图像、样式表、脚本、视频、音频)、Ajax请求等等。这些资源、文档对象、窗口对象和XMLHttpRequestUpload对象将触发加载事件和错误事件。

页面显示和页面隐藏

Pageshow事件，pagehide事件：默认情况下，浏览器缓存当前会话中的页面，当用户点击“前进/后退”按钮时，浏览器从缓存中加载页面。

加载页面时会触发Pageshow事件，包括次加载和从缓存加载。如果希望指定每次加载页面时运行的代码(无论是否从浏览器缓存)，可以将其放入此事件的侦听器函数中。加载时，其触发顺序安排在加载事件之后。从缓存加载时，加载事件不会触发，因为缓存中网页的外观通常是加载事件的监听功能运行后的外观，所以不需要重复执行。类似地，如果页面是从缓存中加载的，则在页面中初始化JavaScript脚本