Events

Chainable on / off / one / trigger with delegation — addEventListener underneath, with handler bookkeeping for clean off.

onoffonetriggerdelegation

on

F("button").on("click", (e) => console.log(e));
F("button").on("click mouseenter", handler, { passive: true });

// delegation — handler receives (event, matchedTarget)
F(document).on("click", ".btn", (e, target) => {
  console.log("clicked", target);
});
F(".list").on("click", "li", handler);

Space-separated event lists are supported. Delegation uses e.target.closest(selector) and checks contains.

off

F("button").off("click");              // all click handlers
F("button").off("click", handler);      // specific handler
F("button").off();                      // all handlers

one

F("#once").one("click", () => F.toast("Once!","success"));

trigger

F(".item").trigger("custom:event", { detail: 123 });
F(".item").trigger(new CustomEvent("custom:event", { detail: 123 }));

F(".item").on("custom:event", (e) => console.log(e.detail));

Live demo

—

HTTP →