阻止冒泡和事件委托

p73

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div style="width: 300px; height: 300px; background: red;">
            <div style="width: 200px; height: 200px; background: blue;"></div>
        </div>
    </body>
    <script type="text/javascript">
        var oDiv = document.getElementsByTagName("div");
        oDiv[0].onclick=function(){
            alert('a');
        }
        oDiv[1].onclick=function(e){
            var evt = e || event;
            //ie阻止冒泡
            //evt.cancelBubble = true;
            //w3c:
            evt.stopPropagation();
            alert('b');
        }
        
    </script>
</html>

猜你喜欢

转载自www.cnblogs.com/chengzizhou/p/12661669.html
今日推荐