合作联系微信： w6668263      合作联系电话：177-9238-7426     

div内的button的click会触发两次(防止事件冒泡) 

<html xmlns="http://www.w3.org/1999/xhtml">
    
    <head runat="server">
        <title>阻止事件冒泡
        </title>
        <script type="text/javascript">
            function SayHello(e) {
                alert("Hello World");
                e = window.event || e;
                if (e.stopPropagation) {
                    e.stopPropagation();
                } else {
                    e.cancelBubble = true;
                }
            }
        </script>
    </head>
    
    <body>
        <form id="form1" runat="server">
            <div onclick="SayHello(event)" style="width:300px; height:300px; background-color:Green">
                <input type="button" value="click me" onclick="SayHello(event)" />
            </div>
        </form>
    </body>

</html>

 

posted on 2012-05-15 09:22  草率的龙果果  阅读(7210)  评论(1)    收藏  举报

导航