Edit in JSFiddle

function log(e){
    $('textarea').append(e.type + '\n');
}

$('a')
    .on('mousedown', log)
    .on('mouseup', log)
    .on('focus', log)
    .on('blur', log)
    .on('touchstart', log)
    .on('toutchmove', log)
    .on('touchend', log)
    .on('click', log)
;

<h1>Démonstration de l'ordre de déclenchement des événements JavaScript</h1>
<a href="javascript:void(null);">Zone de test</a>

<textarea></textarea>

* {
    font-family: sans-serif;
}

a,
textarea {
    display: block;
    background: #EEE;
    border: 3px solid #333;
    height: 100px;
    width: 300px;
    float: left;
    padding: 10px;
}
textarea {
    margin: 0 0 0 15px;
}