javascript的冒泡简单应用

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

javascript的冒泡简单应用_第1张图片
QQ图片20161115201805.jpg

在html,实现代码如下

 

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

js,实现代码如下

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

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

你可能感兴趣的:(javascript的冒泡简单应用)