js阻止冒泡

$(".rili").on("click", ".hour,.minutes,.seconds", function (e) {

  e = e || window.event;

    if (e.stopPropagation) { //W3C阻止冒泡方法 e.stopPropagation();

  } else {

    e.cancelBubble = true; //IE阻止冒泡方法

   }

原来对冒泡不怎么理解,看了一篇文章,文章中写道:JS事件流其中一种是冒泡事件,当一个元素被触发一个事件时,该目标元素的事件会优先被执行,然后向外传播到每个祖先元素,恰如水里的一个泡泡似的,从产生就一直往上浮,到在水平面时,它才消失。在这个过程中,如果你只希望事件发生在目标元素,而不想它传播到祖先元素上去,那么你需要在“泡泡”离开对象之前刺破它。原文链接http://lj830723.iteye.com/blog/1452280。

posted @ 2017-03-31 16:37  地球上的我  阅读(3217)  评论(0编辑  收藏  举报