Web前端从入门到放弃（js事件的分类和介绍）

js事件的分类和介绍

一、一般的js事件 （红色 为常用的 ）

1、鼠标事件：

onclick —— 鼠标点击时触发此事件

ondblclick——鼠标双击时触发此事件

onmouseover——当鼠标移动到某对象范围的上方时触发此事件

onmouseout —— 当鼠标离开某对象范围时触发此事件

onmousemove——鼠标移动时触发此事件（抚摸）

onmousedown——按下鼠标时触发此事件

onmouseup——鼠标按下后松开鼠标时触发此事件

2、键盘事件：

onkeydown——当键盘上某个按键被按下时触发此事件

onkeyup——当键盘上某个按键被按放开时触发此事件

3、页面事件：

onload——页面加载内容完成时触发此事件

onscroll——浏览器的滚动条位置发生变化时触发此事件

onunload——当前页面将被改变时触发此事件

 

二、event对象和事件冒泡

1、even对象是用来获取事件的详细的信息（状态）如：鼠标的位置（clientX、clientY）,键盘按键（keyCode）

2、获取event对象：

*上面 获取方法对于火狐浏览器不兼容

*上面获取方法对于Ie览器不兼容
 

解决兼容性的问题可用下面的方法（两种）：

第一种方法：

第二种方法：

3、 事件冒泡 事件冒泡是指就是当设定了多个div的嵌套时；当父div与子div共同加入了onclick事件时，当触发了子div的onclick事件后，子div进行相应的js操作。但是父div的onclick事件同样会被触发。这就造成了页面混乱。

运用：事件冒泡在更多的实际运用是在避免事件冒泡，避免多事件的多层迸发。

取消事件冒泡的方法：oEvent.cancelBubble=true