4.6.0 Event Processing

Event Processing

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>事件处理</title>
    <style>
    </style>
</head>
<body>
    <div id="div">
        <button id="btn">button</button>
    </div>
    <script>
        var btn = document.getElementById("btn");
        var div = document.getElementById("div");

        btn.addEventListener("click", showType);
        div.addEventListener("click", showDiv);

        function showType(event) {
            alert(event.type);
            alert(event.target);
            event.stopPropagation();
        }
        function showDiv() {
            alert("div")
        }
    </script>
</body>
</html>

 

Guess you like

Origin www.cnblogs.com/kikyoqiang/p/11222608.html