话不多说,直接上代码
HTML代码
<ul>
<li onclick="fu()"></li>
<li onclick="fu()"></li>
<li onclick="fu()"></li>
</ul>
js代码
<script>
function fn(){
$(event.target).addClass("active");
}
</script>
以上代码在IE和chrome下运行没有问题,但在Firefox下会出现“event is not defined”,查了下资料,原因是因为在Firefox中使用了不同的事件对象模型,不同于IE Dom,用的是W3C Dom。Firefox DOM中并无event,解决方案如下:
HTML代码:
<ul>
<li onclick="fu(event)"></li>
<li onclick="fu(event)"></li>
<li onclick="fu(event)"></li>
</ul>
js代码
<script>
function fn(e){
e = e||window.event;
$(e.target).addClass("active");
}
</script>
ok,这样就可以兼容IE,chrome,Firefox了。