关于html标签的onmouseout事件(带IE和FF浏览器判断)

对于一些html容器类型的标签(td,div等)的onmouseout事件的总结
html 容器类型的标签(td,div等)onmouseout事件的处理需要比较特殊的手段。当这些容器内部还有子对象时，如果鼠标进入了这些子对象同样会触发 onmouseout事件！这就是需要特殊处理的原因。而且对于这个问题的解决办法各个浏览器需要编写的代码也不一样。这里总结两种浏览器：臭名昭著的 IE和大名鼎鼎的firefox的代码：
document.getElementById("tdContainer").onmouseout=function(theEvent){
var browser=navigator.userAgent;
if (browser.indexOf("Gecko")!=-1){
//上面的判断说明浏览器是firefox
if (theEvent.relatedTarget.id=="这里写你的container的id就好") {
//your code here
}
}else if(browser.indexOf("Opera")!=-1){
//上面的判断说明浏览器是opera
}
else {
//什么都不是说明浏览器是IE
if (!this.contains(event.toElement)) {
//your code here
}
}
};
另外注意这段代码的黑体部分。两个event是不一样的theEvent是触发事件时传进来的，这是firefox的方式，而event个人感觉好像是ie的内置对象，这样分析不知道对不对。如果有明白的高人请给与指正