JavaScript实现事件的中断传播和行为阻止方法示例

<div id='aa'>
 <div id='bb'>
 <div id =''></div>
 </div>
</div>

 #aa{
 width: 600px;
 height: 600px;
 background: gray;
}
#bb{
 width: 400px;
 height: 400px;
 background: green;
}
#{
 width: 200px;
 height: 200px;
 background: red;
}

document.getElementById('aa').addEventListener('click',function (ev){alert('aa');ev.sPropagation();},true);// 结果捕捉到aa 加true 由冒泡变为捕捉 从上到下
 document.getElementById('bb').addEventListener('click',function (){alert('bb')},true);
 document.getElementById('').addEventListener('click',function (){alert('')},true);

document.getElementById('aa').addEventListener('click',function (){alert('aa');});//加true 由冒泡变为捕捉 从上到下
 document.getElementById('bb').addEventListener('click',function (){alert('bb')});
 document.getElementById('').addEventListener('click',
 function (ev){
 alert('');
 ev.sPropagation();
 // ev.cancleBubble = true;//IE下 取消冒泡方法
 }); //结果是冒出 停止传播
}

document.getElementsByTagName('a')[0].onclick = function (ev){
 alert('点击');
 //达到事件结束的效果 函数还是往下运行
 //
 ev.preventDefault();
 alert('已经拦截');
}