Jquery阻止事件冒泡

  帮朋友写了一个小效果,单击标签后标签变色并添加一个叉的图片,点击叉标签恢复原样,具体效果请点击下面的result

  东西并不难,主要是记录下其中的阻止事件冒泡。

  因为div添加了单击事件,div内部的img也添加了单击事件,所以当单击img时会先触发img上的单击事件,再触发div上的单击事件,这就是事件冒泡。

  在Jquery中我们可以很方便的阻止他。

  如下

1 event.stopPropagation();

  这样一来单击img就不再触发div的单击事件啦

posted @ 2011-12-10 20:36  →技术人生←  阅读(725)  评论(0编辑  收藏  举报