什么是事件类型
事件类型的基本类型
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*