js-web-tools/lib/domEventTrigger.js

Tools for Javascript develpers

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = eventTrigger;

/* istanbul ignore file */
var eventTypes = {
  load: 'HTMLEvents',
  unload: 'HTMLEvents',
  abort: 'HTMLEvents',
  error: 'HTMLEvents',
  select: 'HTMLEvents',
  change: 'HTMLEvents',
  submit: 'HTMLEvents',
  reset: 'HTMLEvents',
  focus: 'HTMLEvents',
  blur: 'HTMLEvents',
  resize: 'HTMLEvents',
  scroll: 'HTMLEvents',
  input: 'HTMLEvents',
  keyup: 'KeyboardEvent',
  keydown: 'KeyboardEvent',
  click: 'MouseEvents',
  dblclick: 'MouseEvents',
  mousedown: 'MouseEvents',
  mouseup: 'MouseEvents',
  mouseover: 'MouseEvents',
  mousemove: 'MouseEvents',
  mouseout: 'MouseEvents',
  contextmenu: 'MouseEvents'
}; // Default event properties:

var defaults = {
  clientX: 0,
  clientY: 0,
  button: 0,
  ctrlKey: false,
  altKey: false,
  shiftKey: false,
  metaKey: false,
  bubbles: true,
  cancelable: true,
  view: document.defaultView,
  key: '',
  location: 0,
  modifiers: '',
  repeat: 0,
  locale: ''
};
var initializers = {
  HTMLEvents: function HTMLEvents(el, name, event, o) {
    return event.initEvent(name, o.bubbles, o.cancelable);
  },
  KeyboardEvent: function KeyboardEvent(el, name, event, o) {
    // Use a blank key if not defined and initialize the charCode
    var key = 'key' in o ? o.key : "";
    var charCode;
    var modifiers; // 0 is the default location

    var location = 'location' in o ? o.location : 0;

    if (event.initKeyboardEvent) {
      // Chrome and IE9+ uses initKeyboardEvent
      if (!('modifiers' in o)) {
        modifiers = [];
        if (o.ctrlKey) modifiers.push("Ctrl");
        if (o.altKey) modifiers.push("Alt");
        if (o.ctrlKey && o.altKey) modifiers.push("AltGraph");
        if (o.shiftKey) modifiers.push("Shift");
        if (o.metaKey) modifiers.push("Meta");
        modifiers = modifiers.join(" ");
      } else {
        modifiers = o.modifiers;
      }

      return event.initKeyboardEvent(name, o.bubbles, o.cancelable, o.view, key, location, modifiers, o.repeat, o.locale);
    } else {
      // Mozilla uses initKeyEvent
      charCode = 'charCode' in o ? o.charCode : key.charCodeAt(0) || 0;
      return event.initKeyEvent(name, o.bubbles, o.cancelable, o.view, o.ctrlKey, o.altKey, o.shiftKey, o.metaKey, charCode, key);
    }
  },
  MouseEvents: function MouseEvents(el, name, event, o) {
    var screenX = 'screenX' in o ? o.screenX : o.clientX;
    var screenY = 'screenY' in o ? o.screenY : o.clientY;
    var clicks;
    var button;

    if ('detail' in o) {
      clicks = o.detail;
    } else if (name === 'dblclick') {
      clicks = 2;
    } else {
      clicks = 1;
    } // Default context menu to be a right click


    if (name === 'contextmenu') {
      button = button = o.button || 2;
    }

    return event.initMouseEvent(name, o.bubbles, o.cancelable, o.view, clicks, screenX, screenY, o.clientX, o.clientY, o.ctrlKey, o.altKey, o.shiftKey, o.metaKey, button, el);
  },
  CustomEvent: function CustomEvent(el, name, event, o) {
    return event.initCustomEvent(name, o.bubbles, o.cancelable, o.detail);
  }
};
/**
 * Trigger a DOM event.
 *    trigger(document.body, "click", {clientX: 10, clientY: 35});
 */

function eventTrigger(el, name, options) {
  var event, type;
  options = options || {};

  for (var attr in defaults) {
    if (!Object.prototype.hasOwnProperty.call(options, attr)) {
      options[attr] = defaults[attr];
    }
  }

  if (document.createEvent) {
    // Standard Event
    type = eventTypes[name] || 'CustomEvent';
    event = document.createEvent(type);
    initializers[type](el, name, event, options);
    el.dispatchEvent(event);
  } else {
    // IE Event
    event = document.createEventObject();

    for (var key in options) {
      event[key] = options[key];
    }

    el.fireEvent('on' + name, event);
  }
}