$(function(){    var all=$("*");    all.each(function(){        var rel=this;        this.onclick=function(event){            //1.获取事件发生的目标            event=event?event:window.event;            //IE不知道target,而是使用srcElement来代替            //alert(event.target);            var target=event.target?event.target:event.srcElement;            //alert(target);            print("事件源:"+target.id+","+target.tagName+",事件对象:"+this.id+"--->"+this.nodeType);            //默认DOM0会产生事件冒泡,可以通过stopPropagation取消事件冒泡            event.stopPropagation();            //IE通过以下取消事件冒泡            //event.cancelBubble=true;            /*DOM0事件模型不支持事件捕获,*/        }    });    /* for(var i=0;i
     
      ");    }});///
      
       $(function(){    /*DOM0模型带来最大的问题是,事件会被覆盖*/    $("#child")[0].onclick=function(){        print("abc");    };    $("#child")[0].onclick=function(){        print("abc1");    };    $("#child")[0].onclick=function(){        print("abc2");    };    $("#child")[0].onclick=function(){        print("abc3");    };    $("#child")[0].onclick=function(){        print("abc4");    };        function print(txt){        $("#content").append(txt+"
       
");    }});
       
        $(function(){    /*使用DOM2之后可以满足事件的覆盖了,还提供了一个参数用来说明    是进行事件冒泡还是捕获*/    $("#child")[0].addEventListener("click",function(){        print("abc");    });    $("#child")[0].addEventListener("click",function(){        print("abc1");    });    $("#child")[0].addEventListener("click",function(){        print("abc2");    });    $("#child")[0].addEventListener("click",function(){        print("abc3");    });        function print(txt){        $("#content").append(txt+"
        
");    }});
        
         $(function(){    var all=$("*");    all.each(function(){        var rel=this;        //IE支持attachEvent        this.attachEvent("onclick",function(){            //1.获取事件发生的目标            event=event?event:window.event;            //IE不知道target,而是使用srcElement来代替            //alert(event.target);            var target=event.target?event.target:event.srcElement;            //alert(target);            print("事件捕获--->事件源:"+target.id+","+target.tagName+",事件对象:"+this.id+"--->"+this.nodeType);        });                this.attachEvent("onclick",function(){            //1.获取事件发生的目标            event=event?event:window.event;            //IE不知道target,而是使用srcElement来代替            //alert(event.target);            var target=event.target?event.target:event.srcElement;            //alert(target);            print("事件冒泡--->事件源:"+target.id+","+target.tagName+",事件对象:"+this.id+"--->"+this.nodeType);        });                /* this.addEventListener("click",function(event){            //1.获取事件发生的目标            event=event?event:window.event;            //IE不知道target,而是使用srcElement来代替            //alert(event.target);            var target=event.target?event.target:event.srcElement;            //alert(target);            print("事件捕获--->事件源:"+target.id+","+target.tagName+",事件对象:"+this.id+"--->"+this.nodeType);        },true);                this.addEventListener("click",function(event){            //1.获取事件发生的目标            event=event?event:window.event;            //IE不知道target,而是使用srcElement来代替            //alert(event.target);            var target=event.target?event.target:event.srcElement;            //alert(target);            print("事件冒泡--->事件源:"+target.id+","+target.tagName+",事件对象:"+this.id+"--->"+this.nodeType);        },false);    }); */        function print(txt){        $("#content").append(txt+"
         
");    }});/
         
          $(function(){    //使用jquery把浏览器之间的问题全部屏蔽了,使用的事件模型:DOM2    $("#child").bind("click",function(event){        print(event.target);    });        /*使用jquery的bind()可以通过第二个参数来传递相应的JSON参数进去    通过event.data可以获取传入的参数值*/    $("#child").bind("click",{"name":"zs","age":12},function(event){        //print(event.target+"aaa");        print(event.data.name);    });    function print(txt){        $("#content").append(txt+"
          
");    }});///
          
           $(function(){    $("*").bind("click",function(event){        print(event.currentTarget.id+"--->"+event.target.id);        /*对于jquery依然存在着事件冒泡,可以使用以下函数取消事件冒泡*/        event.stopPropagation();        /*如果对于表单form或超链接a,可能不希望继续提交或者继续访问超链接,可以        通过event.preventDefault()阻止事件继续往下走,        特别注意:这个和事件冒泡没有任何关系*/        event.preventDefault();    });                function print(txt){        $("#content").append(txt+"
           
");    }});