事件冒泡和事件捕获

事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档).

事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件.

HTML事件处理程序,即事件直接嵌套在HTML代码里面

DOM0级事件处理程序 ,把一个函数赋值给一个事件的处理程序属性

btn2.οnclick=function(){
  alert("hello world!")
}

btn2.οnclick=null;删除事件

DOM2级事件处理程序,定义了两个方法,用于处理指定和删除事件处理程序的操作

addEventListener()和removeEventListener()

接收三个参数,要处理的事件名,作为事件处理程序的函数,布尔值(false表示在冒泡阶段处理程序,TRUE表示在捕获阶段处理程序)

btn3.addEventListener('click',showMes,false)

注意要把事件的on给去掉.

IE事件处理程序

attachEvent()添加事件

detachEvent()删除事件

接收相同的两个参数,事件的名称和事件处理程序的函数.

btn3.attachEvent('onclick',showMes);
btn3.detachEvent('onclick',showMes);

事件对象Event包含了所有和事件有关的信息.
1.DOM中的事件对象

type属性 用于获取事件类型

target属性,用于获取事件目标

stopPropagation()方法,用于阻止事件冒泡

preventDefault()方法 用于阻止事件的默认行为
2. IE中的事件对象

type属性 用于获取事件类型

srcElement属性 用于获取事件的目标

cancleBubble属性 用于阻止事件冒泡.设置为true表示阻止冒泡  设置为false表示不阻止冒泡

returnvalue属性 用于阻止事件的默认行为

设置为false表示阻止事件的默认行为