new EventTarget()
EventTarget
is a class that can have the same API as the DOM EventTarget
. It
adds shorthand functions that wrap around lengthy functions. For example:
the on
function is a wrapper around addEventListener
.
- Source:
- event-target.js
- See:
Methods
-
addEventListener()
-
An alias of EventTarget#on. Allows
EventTarget
to mimic the standard DOM API.- Source:
- event-target.js
- See:
-
dispatchEvent()
-
An alias of EventTarget#trigger. Allows
EventTarget
to mimic the standard DOM API.- Source:
- event-target.js
- See:
-
off(type, fn)
-
Removes an
event listener
for a specific event from an instance ofEventTarget
. This makes it so that theevent listener
will no longer get called when the named event happens.Parameters:
Name Type Description type
string | Array.<string> An event name or an array of event names.
fn
EventTarget~EventListener The function to remove.
- Source:
- event-target.js
-
on(type, fn)
-
Adds an
event listener
to an instance of anEventTarget
. Anevent listener
is a function that will get called when an event with a certain name gets triggered.Parameters:
Name Type Description type
string | Array.<string> An event name or an array of event names.
fn
EventTarget~EventListener The function to call with
EventTarget
s- Source:
- event-target.js
-
one(type, fn)
-
This function will add an
event listener
that gets triggered only once. After the first trigger it will get removed. This is like adding anevent listener
with EventTarget#on that calls EventTarget#off on itself.Parameters:
Name Type Description type
string | Array.<string> An event name or an array of event names.
fn
EventTarget~EventListener The function to be called once for each event name.
- Source:
- event-target.js
-
removeEventListener()
-
An alias of EventTarget#off. Allows
EventTarget
to mimic the standard DOM API.- Source:
- event-target.js
- See:
-
trigger(event)
-
This function causes an event to happen. This will then cause any
event listeners
that are waiting for that event, to get called. If there are noevent listeners
for an event then nothing will happen.If the name of the
Event
that is being triggered is inEventTarget.allowedEvents_
. Trigger will also call theon
+uppercaseEventName
function.Example: 'click' is in
EventTarget.allowedEvents_
, so, trigger will attempt to callonClick
if it exists.Parameters:
Name Type Description event
string | EventTarget~Event | Object The name of the event, an
Event
, or an object with a key of type set to an event name.- Source:
- event-target.js
Type Definitions
-
Event
-
A Custom DOM event.
Type:
- Object
- Source:
- event-target.js
- See:
-
EventListener(event [, hash])
-
All event listeners should follow the following format.
This:
Parameters:
Name Type Argument Description event
EventTarget~Event the event that triggered this function
hash
Object <optional>
hash of data sent during the event
- Source:
- event-target.js