什么是事件类型

什么是事件类型

事件类型的基本类型

UI事件
load 当页面完全加载后在window上触发
图片也可以出发load事件
resize 当窗口大小变化时window上触发
scroll当用户滚动带滚动条的元素中的内容时，在该元素上面触发
鼠标事件
事件类型有

• onclick（单击）
• ondblclick（双击）
• oncontextmenu（右键菜单）
• onmouseover（移入）
• onmouseout（移出）
• onmouseenter（移入）
• onmouseleave（移出）
• onmousedown（按下）
• onmouseup（抬起）
• onmousemove（移动）

坐标位置
screenX在屏幕中的x坐标
screenY在屏幕中的y坐标
相对于body clientX表示事件发生时鼠标指针在视口中的水平坐标（不包含滚动距离）
相对于body clientY 在视口 中的垂直坐标
相对于body IE没有以下两个属性
page X 在页面中的x坐标（包含滚动距离）
page Y 在页面中的y坐标
获取点击目标的坐标（有兼容性） offsetX
offsetY

键盘事件

表单事件

• focus 元素获得焦点时触发
• blur 元素失去焦点时触发
• submit（）提交表单
• change 当input，textarea元素value值改变且失去焦点时，select元素选项改变时触发
• input当input，textarea元素value值改变同步触发事件，select元素选项改变时触发

**

阻止冒泡

**

*- fn stoppropagation（） 非IE

• pro cancelBubble = true IE*

阻止默认

*- fn preventDefault() 非IE

• pro returnValue = true IE*