JS—事件对象

    <div id="div">
        <button id="btn">按钮</button>
        <a href="www.baidu.com" id="aid">百度</a>
    </div>
    <script>
        document.getElementById("btn").addEventListener("click", show);
        //只需要button事件，但是包含button的div也执行了，发生了事件冒泡
        document.getElementById("div").addEventListener("click", show1);
        document.getElementById("aid").addEventListener("click",show2);
        function show(event) {
            //alert(event.type);//click
            alert(event.target);//[object HTMLButtonElement]
            event.stopPropagation();//阻止事件冒泡
        }
        function show1() {
            alert("Here is div");
        }
        function show2(event) {
            event.preventDefault();//阻止超链接默认的跳转行为
            event.stopPropagation();//阻止事件冒泡,否则show1()会再次执行
        }
    </script>