//在很多时候,当我们为嵌套标签绑定事件时,经常会出现当内层事件响应后,外层事件也会跟着响应,而我们需要的只是内层标签事件的响应

//那么我们可以通过阻止事件冒泡来实现我们想要的效果

 

//第一种方法,在事件定义末尾添加以下代码:

  return false;

//第二种方法,在事件定义末尾添加以下代码:

  event.stopPropagation();

 

//下面对上面的代码做些补充

之前一直是用谷歌浏览器来测试和开发,由于谷歌浏览器对W3C规范实现了最完整的支持,所以难免忽略了对其他浏览器的兼容性问题,所以下面将会给出完整的浏览器兼容性代码,我这边测试没什么问题,如果大家在测试中发现任何问题,可以向我反馈。

var e=arguments.callee.caller.arguments[0]||event;
if(e && e.stopPropagation)
{
   e.stopPropagation();////阻止事件冒泡
}
else if(window.event)
{
   window.event.cancelBubble=true;
}

posted on 2014-02-12 16:23  坠落的数字  阅读(138)  评论(0编辑  收藏  举报