craftyjs.github.com

Crafty.addEvent

public this Crafty.addEvent(Object ctx, HTMLElement obj, String event, Function callback)

ctx
Context of the callback or the value of this
obj
Element to add the DOM event to
event
Event name to bind to
callback
Method to execute when triggered

Adds DOM level 3 events to elements. The arguments it accepts are the call context (the value of this), the DOM element to attach the event to, the event name (without on (click rather than onclick)) and finally the callback method.

If no element is passed, the default element will be window.document.

Callbacks are passed with event data.

Example

Will add a stage-wide MouseDown event listener to the player. Will log which button was pressed & the (x,y) coordinates in viewport/world/game space.

var player = Crafty.e("2D");
    player.onMouseDown = function(e) {
        console.log(e.mouseButton, e.realX, e.realY);
    };
Crafty.addEvent(player, Crafty.stage.elem, "mousedown", player.onMouseDown);

See Also