该表总结分析了javascript常用的各种事件，包括鼠标事件、加载事件、滚动事件、表单事件、编辑事件、数据绑定事件等。详细列举了事件名及其对应的浏览器支持情况与功能说明。提供给需要的朋友参考使用。
一般事件 共计10种
| 事件 | 浏览器支持 | 解说 |
|---|---|---|
| onclick | IE3、N2 | 鼠标点击时触发此事件 |
| ondblclick | IE4、N4 | 鼠标双击时触发此事件 |
| onmousedown | IE4、N4 | 按下鼠标时触发此事件 |
| onmouseup | IE4、N4 | 鼠标按下后松开鼠标时触发此事件 |
| onmouseover | IE3、N2 | 当鼠标移动到某对象范围的上方时触发此事件 |
| onmousemove | IE4、N4 | 鼠标移动时触发此事件 |
| onmouseout | IE4、N3 | 当鼠标离开某对象范围时触发此事件 |
| onkeypress | IE4、N4 | 当键盘上的某个键被按下并且释放时触发此事件. |
| onkeydown | IE4、N4 | 当键盘上某个按键被按下时触发此事件 |
| onkeyup | IE4、N4 | 当键盘上某个按键被按放开时触发此事件 |
页面相关事件 共计9种
| 事件 | 浏览器支持 | 解说 |
|---|---|---|
| onabort | IE4、N3 | 图片在下载时被用户中断 |
| onbeforeunload | IE4、N | 当前页面的内容将要被改变时触发此事件 |
| onerror | IE4、N3 | 出现错误时触发此事件 |
| onload | IE3、N2 | 页面内容完成时触发此事件 |
| onmove | IE、N4 | 浏览器的窗口被移动时触发此事件 |
| onresize | IE4、N4 | 当浏览器的窗口大小被改变时触发此事件 |
| onscroll | IE4、N | 浏览器的滚动条位置发生变化时触发此事件 |
| onstop | IE5、N | 浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断 |
| onunload | IE3、N2 | 当前页面将被改变时触发此事件 |
表单相关事件 共计5种
| 事件 | 浏览器支持 | 解说 |
|---|---|---|
| onblur | IE3、N2 | 当前元素失去焦点时触发此事件 |
| onchange | IE3、N2 | 当前元素失去焦点并且元素的内容发生改变而触发此事件 |
| onfocus | IE3 、N2 | 当某个元素获得焦点时触发此事件 |
| onreset | IE4 、N3 | 当表单中RESET的属性被激发时触发此事件 |
| onsubmit | IE3 、N2 | 一个表单被递交时触发此事件 |
滚动字幕事件 共计3种
| 事件 | 浏览器支持 | 解说 |
|---|---|---|
| onbounce | IE4、N | 在Marquee内的内容移动至Marquee显示范围之外时触发此事件 |
| onfinish | IE4、N | 当Marquee元素完成需要显示的内容后触发此事件 |
| onstart | IE4、 N | 当Marquee元素开始显示内容时触发此事件 |
编辑事件 共计20种
| 事件 | 浏览器支持 | 解说 |
|---|---|---|
| onbeforecopy | IE5、N | 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件 |
| onbeforecut | IE5、 N | 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件 |
| onbeforeeditfocus | IE5、N | 当前元素将要进入编辑状态 |
| onbeforepaste | IE5、 N | 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件 |
| onbeforeupdate | IE5、 N | 当浏览者粘贴系统剪贴板中的内容时通知目标对象 |
| oncontextmenu | IE5、N | 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 |
| oncopy | IE5、N | 当页面当前的被选择内容被复制后触发此事件 |
| oncut | IE5、N | 当页面当前的被选择内容被剪切时触发此事件 |
| ondrag | IE5、N | 当某个对象被拖动时触发此事件 [活动事件] |
| ondragdrop | IE、N4 | 一个外部对象被鼠标拖进当前窗口或者帧 |
| ondragend | IE5、N | 当鼠标拖动结束时触发此事件，即鼠标的按钮被释放了 |
| ondragenter | IE5、N | 当对象被鼠标拖动的对象进入其容器范围内时触发此事件 |
| ondragleave | IE5、N | 当对象被鼠标拖动的对象离开其容器范围内时触发此事件 |
| ondragover | IE5、N | 当某被拖动的对象在另一对象容器范围内拖动时触发此事件 |
| ondragstart | IE4、N | 当某对象将被拖动时触发此事件 |
| ondrop | IE5、N | 在一个拖动过程中，释放鼠标键时触发此事件 |
| onlosecapture | IE5、N | 当元素失去鼠标移动所形成的选择焦点时触发此事件 |
| onpaste | IE5、N | 当内容被粘贴时触发此事件 |
| onselect | IE4、N | 当文本内容被选择时的事件 |
| onselectstart | IE4、N | 当文本内容选择将开始发生时触发的事件 |
数据绑定 共计10种
| 事件 | 浏览器支持 | 解说 |
|---|---|---|
| onafterupdate | IE4、N | 当数据完成由数据源到对象的传送时触发此事件 |
| oncellchange | IE5、N | 当数据来源发生变化时 |
| ondataavailable | IE4、N | 当数据接收完成时触发事件 |
| ondatasetchanged | IE4、N | 数据在数据源发生变化时触发的事件 |
| ondatasetcomplete | IE4、N | 当来子数据源的全部有效数据读取完毕时触发此事件 |
| onerrorupdate | IE4、N | 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件 |
| onrowenter | IE5、N | 当前数据源的数据发生变化并且有新的有效数据时触发的事件 |
| onrowexit | IE5、N | 当前数据源的数据将要发生变化时触发的事件 |
| onrowsdelete | IE5、N | 当前数据记录将被删除时触发此事件 |
| onrowsinserted | IE5、N | 当前数据源将要插入新数据记录时触发此事件 |
外部事件 共计6种
| 事件 | 浏览器支持 | 解说 |
|---|---|---|
| onafterprint | IE5、N | 当文档被打印后触发此事件 |
| onbeforeprint | IE5、N | 当文档即将打印时触发此事件 |
| onfilterchange | IE4、N | 当某个对象的滤镜效果发生变化时触发的事件 |
| onhelp | IE4、N | 当浏览者按下F1或者浏览器的帮助选择时触发此事件 |
| onpropertychange | IE5、N | 当对象的属性之一发生变化时触发此事件 |
| onreadystatechange | IE4、N | 当对象的初始化属性值发生变化时触发此事件 |
js中addEventListener事件监听器参数详解
我们都知道addEventListener() 的参数约定是：useCapture是可选参数，默认值为false，目前DOM 规范做了修订：addEventListener() 的第三个参数可以是个对象值了。passive就是告诉浏览器我可不可以用stopPropagation...
js监听浏览器返回，pushState，popstate 事件，window.history对象
在WebApp或浏览器中，会有点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面、确认离开页面或执行一些其它操作的需求。可以使用 popstate 事件进行监听返回、后退、上一页操作。
CSS中的pointer-events属性实现点穿效果
具有层级关系的结构中，使用了pointer-events:none 属性将会使当前元素中的事件不会被捕获，从而实现了点穿的效果。而当代码示例中假如top元素具有子元素且显示指定pointer-events属性不为none的时候，top元素注册的事件将会被捕获/冒泡触发
js鼠标事件参数，获取鼠标在网页中的坐标
事件对象 event，JavaScript 将事件event作为参数传递，IE中把 event 事件对象作为全局对象 window 的一个属性，获取鼠标在网页中的坐标 = 鼠标在视窗中的坐标 + 浏览器滚动条坐标
js事件冒泡和默认事件处理(原生js、vue)
何为默认事件？比如 a 会跳转页面，submit 会提交表单等。普通js方法：e.preventDefault()函数。Vue.js方法： .prevent 是vue 的内置修饰符，调用了 event.preventDefault()阻止默认事件
js keyup、keypress和keydown事件 详解
js keyup、keypress和keydown事件都是有关于键盘的事件，当一个按键被pressed 或released在每一个现代浏览器中，都可能有三种客户端事件。
深入nodejs-核心模块Events详解（事件驱动）
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O的模型，使其轻量又高效。比如，文件操作中的fs事件流，网络编程所用到的tcp，http模块等，当你回想自己写的程序后，会发现很多操作都基于事件驱动，Events类。
纯CSS实现点击事件展现隐藏div菜单列表/元素切换
在写移动端导航的时候经常用到点击按钮出现/隐藏导航条的情况，最常见的方法当然还是前端框架直接调用，省心省力，不易出错；当然还有使用纯JS实现的小代码段。我这里整理了纯CSS实现方式，给需要的人和给自己做个笔记：实现原理利用CSS伪类:target
关于鼠标移动太快导致moseleave事件不触发的问题
我做的是一个table的编辑功能，当移入某行的时候展示编辑状态，在移出某行的时候显示的是原始状态，此时遇到一种情况，就是.当mousenter事件触发之后，由于鼠标移动得太快，同一个tr上绑定的mouseleave事件压根儿就没有执行。
Js事件传播流程
js事件传播流程主要分三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。在我们平常用的addEventListener方法中，一般只会用到两个参数，一个是需要绑定的事件，另一个是触发事件后要执行的函数
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!