event.target et event.currentTarget

Illustration de la différence entre .target et .currentTarget.

HTML

<button class="A" id='clickme'><em class="B" id='emph'>Click </em> Me</button>

<ul id='events'>
</ul>

JavaScript

var btn = document.querySelector('#clickme');
var evts = document.querySelector('#events');

function action(e) {
    console.log(e.target.classList);
    console.log(e.currentTarget.classList);
    evts.innerHTML += '<li>Gestionnaire rattaché à : <strong>'
                   + e.currentTarget.id
                   + '</strong>, click sur : <strong>' 
                   + e.target.id + '</strong></li>';
}

document.addEventListener('click', action, true);