帮朋友写了一个小效果,单击标签后标签变色并添加一个叉的图片,点击叉标签恢复原样,具体效果请点击下面的result
东西并不难,主要是记录下其中的阻止事件冒泡。
因为div添加了单击事件,div内部的img也添加了单击事件,所以当单击img时会先触发img上的单击事件,再触发div上的单击事件,这就是事件冒泡。
在Jquery中我们可以很方便的阻止他。
如下
1 event.stopPropagation();
这样一来单击img就不再触发div的单击事件啦
帮朋友写了一个小效果,单击标签后标签变色并添加一个叉的图片,点击叉标签恢复原样,具体效果请点击下面的result
东西并不难,主要是记录下其中的阻止事件冒泡。
因为div添加了单击事件,div内部的img也添加了单击事件,所以当单击img时会先触发img上的单击事件,再触发div上的单击事件,这就是事件冒泡。
在Jquery中我们可以很方便的阻止他。
如下
1 event.stopPropagation();
这样一来单击img就不再触发div的单击事件啦
相关文章: