首页 > 代码库 > javascript事件详解

javascript事件详解

事件流

      1、事件流:描述的是在页面中接受事件的顺序

      2、事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档)

      3、事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接受事件

事件处理

      1、HTML事件处理:直接添加到HTML结构中  (修改多处)

           技术分享

 

      2、DOM 0级事件处理:把一个函数赋值给一个事件处理程序属性 (覆盖上一个事件)

          技术分享

 

 

      3、DOM 2级事件处理:addEventListener("事件名","事件处理函数","布尔值");     removeEventListener();

                                     true     事件捕获     false    事件冒泡              

                                     技术分享

         4、IE事件处理程序:attachEvent    detachEvent     (小于等于IE8的版本)

                                    技术分享

 事件对象

        1、事件对象:触发DOM事件的时候都会产生一个对象

        2、事件对象event:           type:    获取事件类型

                                             target:   获取事件目标

                                            技术分享

 

                            stopPropagation():   阻止事件冒泡

                             preventDefault():   阻止事件默认行为

                            技术分享

 

 

     

                                     

     

 

                                    

javascript事件详解