条件:外层有一个div元素,在内层有一个p元素,存在这样的关系:div是p元素的父元素,而p是外层div的子元素,他们之间存在包含和被包含的关系。
事件:现在我们都在这两个元素上绑定相同的事件,比如click事件。
结果:这时,当我们点击内层的p标签的时候,内层元素的click事件触发,同时外层div的click事件也会触发。
jquery 提供了三种方式来阻止事件冒泡。
方式一:event.stoppropagation();
方式二:event.preventdefault();
方式三:return false;
区别:event.stoppropagation() 只阻止事件往上冒泡,不阻止事件本身。event.preventdefault()则只阻止事件本身,不阻止事件往上冒泡。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。