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="300px; height:300px; background-color:Green">
                <input type="button" value="click me" onclick="SayHello(event)" />
            </div>
        </form>
    </body>

</html>

如果这篇文章对您有帮助，您可以打赏我

技术交流QQ群：15129679