<body>
<div class="fa">
<div class="son1">
<div class="son2"></div>
</div>
</div>
<script type="text/javascript">
var fa = document.getElementsByClassName(‘fa‘)[0];
var son1 = document.getElementsByClassName(‘son1‘)[0];
var son2 = document.getElementsByClassName(‘son2‘)[0];
fa.addEventListener("click",function(e){console.log(‘fa‘);e.stopPropagation();},true);
son1.addEventListener(‘click‘,function(){console.log(‘son1‘)},false);
son2.addEventListener(‘click‘,function(){console.log(‘son2‘)},true);
</script>