完美解决js事件冒泡

来源:互联网 发布:传智播客php培训 编辑:程序博客网 时间:2024/06/05 08:16

        js中的onmouseover和onmouseout事件的触发让对于有子元素的dom操作来说非常头疼。你可以自己手动屏蔽事件触发通过(fromElement)toElement来比较元素是否与父元素相等,但是这样很麻烦的一点就是,你有多少个父元素,就得判断2n-1次。

       后来才知道,有现成的函数。。。为啥不用捏。

      代码如下:

      function myonmouseout(ae){

        var e=window.Event || ae;

        var ele=e.toElement || e.relatedTarget;//兼容IE ff;

        if(document.all){

           if(!(this.contains(s)){

              alert("IE!");

            }

        }else{

        var res=this.compareDocumentPosition(ele);

           if(!(res==0||res==20)){

            alert("FireFox!");

           }

         }

}

0 0