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

对于一些html容器类型的标签(td,div等)的onmouseout事件的总结
html 容器类型的标签(td,div等)onmouseout事件的处理需要比较特殊的手段。当这些容器内部还有子对象时,如果鼠标进入了这些子对象同样会触发 onmouseout事件!这就是需要特殊处理的原因。而且对于这个问题的解决办法各个浏览器需要编写的代码也不一样。这里总结两种浏览器:臭名昭著的 IE和大名鼎鼎的firefox的代码:
document.getElementById("tdContainer").οnmοuseοut=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的内置对象,这样分析不知道对不对。如果有明白的高人请给与指正
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值