A simple wrapper for event-listener to support ancient browsers.

event-listener.js

let passiveSupported = false;
try {
  // platform that doesn't support `addEventListener` or `Object.defineProperty`, obviously doesn't support `passive`.
  let options = Object.defineProperty({}, 'passive', {
    get: function() {
      passiveSupported = true;
    }
  });
  window.addEventListener('test-passive', null, options);
} catch (err) {}

export const add = document.addEventListener
  ? // modern browser
    function(element, event, handler, options) {
      const { capture = false, passive = true } =
        typeof options === 'boolean' ? { capture: options } : options || {};
      element.addEventListener(
        event,
        handler,
        passiveSupported ? { capture, passive } : capture
      );
    }
  : // IE 8-
    function(element, event, handler) {
      if (element && event && handler) {
        element.attachEvent('on' + event, handler);
      }
    };

export const remove = document.removeEventListener
  ? function(element, event, handler) {
      element.removeEventListener(event, handler);
    }
  : function(element, event, handler) {
      element.detachEvent('on' + event, handler);
    };