javascript class click event code example

Example 1: javascript class click event

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

var myFunction = function() {
    var attribute = this.getAttribute("data-myattribute");
    alert(attribute);
};

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

// If you have ES6 support you can replace your last line with:

    Array.from(elements).forEach(function(element) {
      element.addEventListener('click', myFunction);
    });

Example 2: javascript add listeners to class

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

var myFunction = function() {
    var attribute = this.getAttribute("data-myattribute");
    alert(attribute);
};

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

Example 3: javascript class click event

let oldMousedown
  let cookiesRevisor = document.getElementById('element-id-main')
  oldMousedown = cookiesRevisor.onmousedown
  cookiesRevisor.onmousedown = function () {
    const COOKIES_REVISOR_CLOSE = document.getElementsByClassName('element-class-inside-main')
    document.addEventListener('click', function (event) {
      for (let i = 0; i < COOKIES_REVISOR_CLOSE.length; i++) {
        if (COOKIES_REVISOR_CLOSE[i].contains(event.target)) {
          addCssElement(COOKIE_REVISOR, {
            'display': 'none'
          })
          break
        }
      }
    })
    if (oldMousedown) oldMousedown()
  }