通常情况下,如果给父元素添加事件之后,子元素也会继承同样的事件,这个时候就要阻止子元素的这种行为,成为阻止冒泡,总结两种解决方法:
html代码:
<div id="parent" onclick="alert(this.id)"> <div id="child">子元素div</div> </div>
事件:
// 阻止元素冒泡的两种方法 //方法一: $(‘#child‘).click(function() { return false; }); //方法二: $(‘#child‘).click(function(e) { e.stopPropagation(); });
这样子元素就不会执行父元素的事件啦!
原文:http://www.cnblogs.com/moumou0213/p/6236881.html