js之事件进阶

                ①事件三要素：事件源，事件类型，执行函数

                ②监听事件：

                                   ❶绑定监听事件：addEventListener("事件类型","事件的处理程序")

                                     注：事件类型不等于事件，比如onclick的类型是click

                                     如果我们给同一个元素绑定不同的事件，后面的会覆盖前面的，所以我们要用到事件监听，用事件监听绑定的事件不会覆盖前面的而是同时成立

                                   ❷解绑监听事件：removeEventListener("事件类型","事件的处理程序")

                ③实践对象：任何事件都有个内置对象event

                                     事件对象的兼容性写法：var event=event||window.event

              document.getElementById("444").onclick = function () {

            console.log(event);

            // 会打印出绑定的这个事件的对象

            console.log(event.target);

            // 打印事件源对象，这个比较重要，与this一样

            console.log(this);

            // 打印事件源对象

      }

                ④ 事件冒泡与捕获：

                    冒泡：由绑定事件的元素一级级向外，直到最上级元素

                    捕获：由绑定事件的元素一级级箱内，直到最下级元素