event stopPropagation & prevent default

by fangunxs

HTML

<div id='div1' style="width:200px;height:200px;position:relative;">
    <div id='div2' style="top:50%;left:50%;position:absolute;">hi</div>
</div>

JavaScript

document.querySelector('#div1').addEventListener('click',function(e){
    //console.log(e);
    console.log('div1');
},false);

document.querySelector('#div2').addEventListener('click',function(e){
    e.stopPropagation();
    //console.log(e);
    console.log('div2');
    //return false;
    //this.preventDefault();
},false);