A replacement for jQuery.on() with a fluent interface

bind.js

// Usage: bind(event).to(element).for(selector).as(handler)
// e.g. bind("click").to(document.documentElement).for("a").as(e => console.log(e.target.href));

function bind(event) {
  return {
    to: function(element) {
      element = isString(element) ? document.getElementById(element) : element;

      return {
        as: function(handler) {
          element.addEventListener(event, handler);
        },
        for: function(selector) {
          return {
            as: function(handler) {
              element.addEventListener(event, function(e) {
                var t = e.target;
                while (t && t !== this) {
                  if (t.matches(selector)) {
                    handler.call(t, e);
                  }
                  t = t.parentNode;
                }
              });
            }
          }
        }
      }
    }
  }
}