Resolve-handlers NPM

Resolve handlers ·

Resolve handlers using strings. Inspired by event delegation in Backbone.js.

Installation

npm install resolve-handlers

Example usage

import { resolveDOMEventHandlers } from 'resolve-handlers';

/**
 * CommentController
 */
export default class CommentController {

  constructor(element) {
    // Target for event listeners
    this.element = element;
    // Resolve event handlers
    this._resolvedEventHandlers = resolveDOMEventHandlers.call(this, this.getEventHandlerStrings());
    // Add event listeners
    this.addEventListeners();
  }

  getEventHandlerStrings() {
    return [
      'click .comment > .btn-delete: onDeleteCommentClick',
      'focusin .comment: onCommentFocus',
      'click .comment: onCommentClick'
    ];
  }

  onDeleteCommentClick() {
    /* delete handler */
  }

  onCommentFocus() {
    /* focus handler */
  }

  onCommentClick() {
    /* click handler */
  }

  addEventListeners() {
    this._resolvedEventHandlers.forEach(eventHandler => {
      this.element.addEventListener(eventHandler.eventType, eventHandler);
    });
  }

  removeEventListeners() {
    this._resolvedEventHandlers.forEach(eventHandler => {
      this.element.removeEventListener(eventHandler.eventType, eventHandler);
    });
  }

}