事件流
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
事件模拟