1.UI事件(不一定与用户操作有关的事件)
(1).load当页面完全加载后在window上触发,图片也可以触发load事件;
(2).resize当窗口大小变化时window上触发(除火狐外其他浏览器窗口变化1像素时就触发事 件,而火狐是在用户停止调整窗口大小时才会触发。不建议在此时中加入大计算量代码。因为可 能频繁执行,导致浏览器速度便面。另外窗口最大最小也会触发事件)
(3).scroll当用户滚动带滚动条元素中的内容时,在该元素上面触发
2.DOM事件绑定
(1).DOM0级事件
所有浏览器都支持,事件只能注册一次,后边的会覆盖旧的;
注册方式:
1).在html上添加<div οnclick="alert('hello')"></div>
2).函数匿名 d.onclick = function(){} this指向自身
3).普通函数οnclick="ok()";(相当于动态调用,this指向window, 没有事件参数e的传递
3.DOM2级事件
(1).IE浏览器:
attachEvent(event,function), 其中event要加on; detachEven(event,function)
(2). 非IE浏览器:
addEventListener(event,function,userCapture) event不能加句柄on;
userCapture指定捕获还是冒泡
4.滚轮事件
1 .火狐浏览器
DOMMouseScroll 通过添加事件添加
event.detail
2 .非火狐浏览器使用mousewheel