UI事件
(不一定与用户操作有关的事件)
load
当页面完全加载后在window上触发图片也可以触发load事件。
resize
当窗口大小变化时在window上触发。
- 除火狐外其他浏览受会在浏览器窗口变化1像素时就触发事件,而火狐是在用户停止调整窗口大小时才触发。不建议在比事件中加入大计算量代码,因为可能频繁执行,导致浏览器速度变慢,另外窗口最大最小化也会发事件。
scroll
当用户滚动带滚动条的元素中的内容时,在该元素上面触发。
鼠标事件
事件类型
- onclick (单击)
- ondblcli.ck (双击)
- oncontextmenu(右键菜单)
- onmouseover (移入)
- onmouseout (移出)
- onmouseenter(移入)
- onmouseleave (移出)
- onmousedown (按下)
- onmouseup (抬起)
- onmousemove(移动)
建议使用enter与leave
over与out在指针进入子级标签时会触发
坐标位置
- screenX在屏幕中的x坐标
- screenY在屏幕中的y坐标
- 相对于body
clientX 表示事件发生时段标指针在