解决onmouseout冒泡（兼容浏览器） 

 1 function hideBox(event,obj) {
 2     var event = event || window.event;
 3     var oBox = obj;
 4     var oTarget = event.relatedTarget || event.toElement;
 5     if (contains(oBox, oTarget)) {
 6         return;
 7     } else {
 8         obj.style.display = "none";
 9     }
10 }
11 
12 function contains(refNode, otherNode) {
13     if (typeof refNode.contains == "function" || "object") {
14         return refNode.contains(otherNode);
15     } else {
16         return !!(refNode.compareDocumentPosition(otherNode) & 16);
17     }
18 }
1 <div id="hidediv" onmouseout="hideBox(event,this);" ></div>

 

 

 

posted @ 2012-11-05 11:17  vayne  阅读(196)  评论(0)    收藏  举报