jquery阻止元素冒泡的两种方法
通常情况下,如果给父元素添加事件之后,子元素也会继承同样的事件,这个时候就要阻止子元素的这种行为,成为阻止冒泡,总结两种解决方法:
html代码:
<div onclick="alert(this.id)"> <div >子元素div</div> </div>
事件:
// 阻止元素冒泡的两种方法 //方法一: $('#child').click(function() { return false; }); //方法二: $('#child').click(function(e) { e.stopPropagation(); });
这样子元素就不会执行父元素的事件啦!
此外,如果父元素为a标签,并且有跳转链接,若要阻止点击子元素跳转的动作,同样在绑定子元素的事件里面增加 return false; 这样就可以阻止子元素跳转了!