一、UI事件(不一定与用户有关)
load:当页面完全加载后在window上触发,图片也可以触发load事件
resize:当窗口大小变化时在window触发
scroll:当用户滚动带滚动条的元素中的内容时,在该元素上面触发
二、鼠标事件
1.事件类型
onclick 单击 | ondbclick 双击 | oncontextmenu 右键菜单 | onmouseover 鼠标移入 | onmouseout鼠标移出 |
onmouseenter鼠标移入(建议使用) | onmouseleave鼠标移出(建议使用) | onmousedown鼠标按下 | onmouseup鼠标抬起 | onmousemove鼠标移动 |
2.坐标位置
screenX 在屏幕中的x坐标
screenY 在屏幕中的y坐标
相对于body:clientX表示事件发生时鼠标指针在视口的水平坐标,clientY表示事件发生时鼠标在视口的垂直坐标。(IE没有pageX(在页面中的x坐标)和pageY(在页面中的y坐标))
获取点击目标的坐标(offsetX和offsetY)
三、键盘事件
event.keyCode 键码值(判断按键的标准)
keydown:当用户按下键盘上的任意键时触发,按住不动将重新触发
keyup:当用户释放键盘上的键时触发
event.charCode 键码(ASCII编码形式展示,需要通过String.fromCharCode()方法转换,IE9不支持)
四、表单事件
focus:元素获得焦点时触发
blur:元素失去焦点时触发
submit():提交表单
change:当input、textarea元素value值改变且失去焦点、select元素选项改变时触发
input:当input、textarea元素value值改变同步触发事件、select元素选项改变时触发(有兼容问题:IE onpropertychange 非IE oninput)
注:change和input的区别
change:value发生改变,并失去焦点时触发,input:只要value发生变化就触发
五、阻止冒泡
非IE:fn stopPropagation()
IE: pro cancleBubble=true
六、阻止默认
非IE:fn preventDefault()
IE: pro returnValue=true