冒泡委托

冒泡定义:点击子组件会触发父组件事件,所有父组件,先子一层一层到父。
1

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标签
}

你可能感兴趣的:(冒泡委托)