阻止事件冒泡，嵌套元素事件加载互不影响

如图：box1,box2,box3,点击每个div分别输出(1)box1
(2)box2
(3)box3
而不是点击box1时输出box1,点击box2时输出box1,box2,点击box3时输出box1,box2,box3
那么，我们在绑定事件的时候，需要阻止事件向上冒泡。

js代码： var fBox1=function(){
alert(‘box1’);
};
var fBox2=function(e){
alert(‘box2’);
e.stopPropagation();//阻止事件向上冒泡
};
var fBox3=function(e){
alert(‘box3’);
e.stopPropagation();//阻止事件向上冒泡
};
/================/
(‘.box1′).on(‘click′,fBox1); (‘.box2’).on(‘click’,fBox2);
$(‘.box3’).on(‘click’,fBox3);