JavaScript事件详解

1.事件流：
           描述的是在页面中接受事件的顺序
2.事件冒泡：
           由具体的元素接受，然后逐级向上传播至最不具体的元素的节点(文档)
3.事件捕获：
           最不具体的节点先接收事件，而最具体的节点应该是最后接收事件

事件处理

1.HTML事件处理：
                   直接添加到HTML结构中
2.DOM0级事件处理：
                  把一个函数赋值给一个事件处理程序的属性
3.DOM2级事件处理：
                   addEventListener("事件名"，“事件处理函数”，“布尔值”)；
                   true:事件捕获
                   false：事件冒泡
                  removerEventListener();
4.IE事件处理程序：
                attachEvent;
                detechEvent;

DOM0级事件

DOM0级事件

DOM2级事件

EventListener多事件不会被覆盖掉

事件对象

1.事件对象：
            在触发DOM事件的时候回产生一个对象
2.事件对象event：
           1.type：获取事件类型
           2.target：获取事件目标
           3.stopPropagation():停止事件冒泡
           4.preventDefault()：阻止事件默认行为

type属性

target获取事件目标

preventDefault阻止事件默认行为