JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 62
  • Score
    100M100P100Q80594F
  • License unlicense

Enable lifecycle events for DOM-elements: attached, detached

Package Exports

  • lifecycle-events

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (lifecycle-events) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Lifecycle events Code Climate

Enable lifecycle events for HTML elements: attached, detached.

Usage

$ npm install lifecycle-events

    var lifecycleEvents = require('lifecycle-events');

    //enable lifecycle events for all elements on the page
    lifecycleEvents.enable();
    $('.my-element').on('attached', function(){});
    $('.my-other-element').on('detached', function(){});

    //Disable all lifecycle events
    lifecycleEvents.disable();


    //Enable lifecycle events for a Node/NodeList
    lifecycleEvents.enable(element);
    element.addEventListener('attached', function(){});
    element.addEventListener('detached', function(){});

    //Disable lifecycle events for the previously added element/selector
    lifecycleEvents.disable(element);

To make it work in IE and old browsers, you may need to polyfill MutationObserver, WeakMap, WeakSet, Element.matches, Element.contains: //cdn.polyfill.io/v1/polyfill.min.js?features=default,WeakMap,WeakSet.

API

lifecycleEvents.enable(selector, [container])

Enable lifecycle events for an Element, NodeList or selector. If no selector specified, '*' is used. An optional container element/selector may be specified in speed purpose.

lifecycleEvents.disable(selector)

Disable lifecycle events for previously registered selector. If no selector specified, all lifecycle events are unbound.

lifecycleEvents.attachedCallbackName

Callback name used for attaching lifecycle event. attached is used by default. Synomim: DOMNodeInserted.

lifecycleEvents.detachedCallbackName

Callback name used for detaching lifecycle event. detached is used by default.Synomim: DOMNodeRemoved.

Also see viewport-events for enteredView and leftView events.

NPM