【EVENT】UI事件和鼠标事件

UI事件

1.load

当页面完全加载后再window上触发，图片也可以触发load事件

2.resize

当窗口大小变化是在window上触发

3.scroll

鼠标事件

事件

• onclick 单击事件
• ondbclick 双击事件
• oncontextmenu 右键菜单
• onnouseover 鼠标移入
• onmouseout 鼠标移出
• onmouseenter 鼠标移入
• onmouseleave 鼠标溢出
• onmousedown 鼠标按下
• onmouseup 鼠标抬起
• onmousemove 鼠标移动
  建议使用enter和leave，因为over和out在进入，移出子级标签是也会触发事件

事件对象

包含了该事件所有的相关信息

• 解决IE的兼容问题

var e = e || window.event;   //解决IE兼容

• screenX、screenY 在屏幕中的X，Y坐标
• clientX、clientY 表示事件发生时鼠标指针在视口中的水平坐标和垂直坐标，不包含滚动距离
• pageX、pageY 在页面中的X、Y坐标，包含滚动距离，不兼容IE
• offsetX、offsetY 获取点击目标哦的坐标，又兼容性