DOM事件-基础概念

术语

事件：发生一件事
事件类型：发生什么事情；点击、鼠标按下、鼠标抬起、鼠标移入、鼠标移出、键盘按下、键盘抬起…
事件处理程序：一个函数，当某件事情发生时运行。
事件注册：将一个事件处理程序，挂载到某个事件上。

事件流

事件流：当某个事件发生的时候，哪些元素会监听到该事件发生，这些元素发生该事件的顺序。

当一个元素发生了某个事件时，那该元素的所有祖先元素都发生了该事件



    <div>
        <button>
            点击我
        </button>
    </div>

    <script>
        // 给button注册点击事件
        document.querySelector("button").onclick = function () &#123;
            console.log("button");
        &#125;
        // 给div注册点击事件
        document.querySelector("div").onclick = function () &#123;
            console.log("div");
        &#125;
        // 给body注册点击事件
        document.body.onclick = function () &#123;
            console.log("body");
        &#125;
        // 给html注册点击事件
        document.documentElement.onclick = function () &#123;
            console.log("html");
        &#125;
        // 给整个文档注册点击事件
        document.onclick = function () &#123;
            console.log("document");
        &#125;
    </script>