var phases = {

  1: 'capture',

  2: 'target',

  3: 'bubble'

};

​

var body = document.querySelector('body');

var div = document.querySelector('div');

var button = document.querySelector('button');

​

// Capture phase listeners

body.addEventListener('click', callback, true);

div.addEventListener('click', callback, true);

button.addEventListener('click', callback, true);

​

// Capture listeners

body.addEventListener('click', callback, false);

div.addEventListener('click', callback, false);

button.addEventListener('click', callback, false);

​

function callback(event) {

  var tag = event.currentTarget.tagName;

  var phase = phases[event.eventPhase];

  alert("Tag: '" + tag + "'. EventPhase: '" + phase + "'");

}