event.md

Event

Trigger outside click

https://stackoverflow.com/questions/14188654/detect-click-outside-element-vanilla-javascript

var specifiedElement = document.getElementById('a');

//I'm using "click" but it works with any event
document.addEventListener('click', function(event) {
  var isClickInside = specifiedElement.contains(event.target);

  if (!isClickInside) {
    //the click was outside the specifiedElement, do something
  }
});

Shorthand for event

function event(selector, event, action) {
  let elements = document.querySelectorAll(selector);
  elements.forEach((element) => {
    element.addEventListener(event, function(e) {
      let args = {};

      args.el = e.target;

      action(args);
    });
  });
};

event('.my_class', 'click', (args) => {
  console.log(args);
});