咨询一个冒泡问题的解决办法

咨询javascript冒泡控制

解决方案 »

  1.   

        /*没有防止冒泡*/
        document.getElementById("div1").onclick=function(){alert(1)};
        document.getElementById("div2").onclick=function(){alert(2)};
        /*方法一*/
        document.getElementById("div2").onclick=function(e){
            e ? e.stopPropagation() : event.cancelBubble=true;
            alert(2);
        };
        /*方法二*/
        document.onclick=function(e){
            e = e||event;
            var g = e.target || e.srcElement;
            if(g.id=="div1"){
                alert(1);
            }else if(g.id=="div2"){
                alert(2);
            }
        };
      

  2.   

    请好,请问如果使用jquery绑定,怎么办啊,因为原来的代码是用jquery写的
    如下:<!DOCTYPE html>
    <html>
    <head>
        <title>动画编辑页面EZ602230847CN</title>
        <script src="AnimationResource/jsmin/jquery-2.0.3.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("body").on("click", "div", function () {
                    alert("2");
                });        });
        </script>
    </head>
    <body id="body">
        <div>
            111
            <div>
                222</div>
        </div>
    </body>
    </html>
      

  3.   

    $(function(){
        $("div").click(function(e){
            e.stopPropagation();
            alert($(this).text());
        })
    });