event.target et event.currentTarget

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

by Kirubel Girma

HTML

<button id='clickme'><em id='emph'>Click-</em>Me</button>
<ul id='events'></ul>

JavaScript

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

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

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