Skip to content
uupaa edited this page Jul 10, 2015 · 16 revisions

EventHandler.js は、DOM の addEventListener, removeEventListener を抽象化し整地したものです。 DOM のイベントハンドラによく似た機能を、ライブラリに導入することができます。

    function a1(event) {
        console.log("call a1. detail: " + JSON.stringify(event.detail));
    }
    function a2(event) {
        console.log("call a2. detail: " + JSON.stringify(event.detail));
    }

    var event = new EventHandler(["EventTypeA", "EventTypeB"]);

    event.on("EventTypeA", a1);
    event.on("EventTypeA", a2);
    event.fire("EventTypeA", { foo: 1 });
    event.clear();

EventHandler の特徴

  • DOM Node 以外でも利用できます
  • new EventHandler(eventTypes)で取り扱うイベントタイプを明記してから使用します
  • on/off でイベントハンドラを設定/解除できます
  • EventHandler#list でイベントハンドラを列挙できます
  • EventHandler#clear でイベントハンドラを一斉に削除できます
Clone this wiki locally