冒泡定义:点击子组件会触发父组件事件,所有父组件,先子一层一层到父。
jq阻止冒泡有3种方法:
1, event.stopPropagation();//需要有参数event。它阻止了冒泡,但是不阻止默认行为
2, return false;//阻止事件冒泡也阻止默认行为
3,event.preventDefault(); //不阻止冒泡但是阻止默认行为
代码如下:
$('span').bind("click",function(e){
alert("span");
// e.stopPropagation(); 阻止冒泡但不阻止默认行为
// return false; 组织冒泡和默认行为
e.preventDefault();//不默认冒泡阻止默认行为
js阻止冒泡
1,使用on方式绑定的事件通过cancelBubble阻止冒泡。
function stopBubble(e) {
if ( e && e.stopPropagation ) //非IE
e.stopPropagation(); //阻止冒泡
e.preventDefault();//阻止默认行为 如表单提交和a标签
else //IE
window.event.cancelBubble = true; //阻止冒泡
window.event.returnValue = false;//阻止默认行为 如表单提交和a标签
}