事件流

DOM2级事件流 、事件捕获阶段，目标阶段，事件冒泡阶段

DOM0事件

元素的方法，冒泡阶段被处理，同一种事件只能添加一次,在父节点也能检测到事件代理，dom0是可以检测事件冒泡的

var btn = document.getElementById("myBtn");
btn.onclick = function(event){
  alert(this.id);
}

取消冒泡 event.stopPropagation()
事件在什么阶段 event.eventPhase 1捕获，2目标，3冒泡

DOM2事件

包括捕获，目标，冒泡三个阶段，捕获阶段，第三个参数true代表捕获阶段，false代表冒泡阶段

var btn = document.getElementById("myBtn");
btn.addEventListener("click",function(){
  //

},false);
btn.removeEventListener();//匿名函数无法被取消事件

ie8以及以前

attachEvent(), detachEvent 只支持冒泡，可以添加不同的事件，顺序和DOM2的事件相反

UI事件

load，所有的元素加载后在window上面触发，框架加载完在框架集上面触发，图形加载完毕在img上面触发，嵌入的内容加载完毕在<object>上面触发
unload,页面完全卸载后在页面触发
abort,用户停止下载的时候，如果嵌入的内容没有加载完毕，在object上面触发
error,无法加载的时候

滚动

document.body.scrollHeight

事件模拟