阻止子元素触父元素事件，阻止冒泡

阻止子元素触父元素事件，阻止冒泡

<div class="contain">
    外层内容
   <div class="content">
    里层内容
   </div>
</div>

//举例悬停事件

$(".content").on('mouseover', function(event){
            event.stopPropagation(); 
        });

给父元素做悬停实践，鼠标放在content不会影响事件转移。