[RESOLUT] Tracker les click d'une classe sans Jquery

Bonjour à tous.

Voilà je cherche tracker une ensemble de bouton sous Ganalytics, sur en site sans Jquery

J'aurais la solution

$('.button').on('click', function() {
  ga('send', 'event', 'button', 'click', 'nav-buttons');
});

mais forcement sans jquery cela ne fonctionnerais pas

J'ai touvé aussi sur google

var downloadLink = document.getElementById('button');
addListener(downloadLink, 'click', function() {
  ga('send', 'event', 'button', 'click', 'nav-buttons');
});
function addListener(element, type, callback) {
 if (element.addEventListener) element.addEventListener(type, callback);
 else if (element.attachEvent) element.attachEvent('on' + type, callback);
}

Qui cible un élément par son id, mais serait il possible de faire la même chose par sa classe sans JQuery?
Modifié par gotcha5832 (01 Oct 2014 - 18:55)

Bonsoir,

document.getElementsByClassName ?
(IE>8 pour qui querySelector et querySelectorAll devraient pouvoir fonctionner)

merci pour cette réponse.

J'ai fait:

var classname = document.getElementsByClassName("boutons");

var myFunction = function() {

};  
for(var i=0;i<classname.length;i++){
    var clique = classname[i];
    classname[i].addEventListener('click', myFunction, false);
}

mais dans ce cas est il possible d 'intéragir avec le contenu du bouton cliqué?
genre ajouter une class ou récupérer la valeur d'un data-*?[/i][/i]
Modifié par gotcha5832 (01 Oct 2014 - 13:15)