javascript的冒泡简单应用

在网页DIV中，常常会有一个大的DIV，点击事件响应而影响了DIV内小的点击事件。这种情况下我们就可以用到冒泡了，

QQ图片20161115201805.jpg

在html,实现代码如下

 <div class="cilcklove" ng-click="love(item,$event)">♡</div>

其中，$event，为系统冒泡字符，意思是点击这个动作的时候会阻止大的点击事件，把小的时间冒泡到最上层，执行

js,实现代码如下

 $scope.love=function(item,$event) {
            $event.stopPropagation();
            pageModule('page/higher/myOrder.js');
        }

在function里面加入$event，然后在函数里写上 $event.stopPropagation();//阻止上层事件就可以了，是不是很简单，马上动手用起来吧。