PreventDefault - StopPropagation

by beatricevivaldi

HTML

<a href="http://www.google.com" target="_blank">
<span>hello</span>
</a>
<div>And.. hello!</div>

JavaScript

document.querySelector('a')
    .addEventListener('click', function(evt){
        console.log('from A');
        evt.preventDefault();
        evt.stopPropagation();
}, true);
document.querySelector('span')
    .addEventListener('click', function(evt){
        console.log('from SPAN');
}, false);
document.addEventListener('click', function(evt){
    console.log('from DOCUMENT');
}, false);