pixi.js PIXI.InteractionManager Proposal Usage

gistfile1.js

// create an new instance of a pixi stage
var stage = new PIXI.Stage(0x66FF99);
// create a renderer instance
var renderer = PIXI.autoDetectRenderer(400, 300);
// create a manager instance, passing stage and renderer.view
var manager = new PIXI.InteractionManager(stage, renderer.view);

stage
    .on('click', function (event) {
        console.log(event.type, event.target); // 'click', PIXI.DisplayObject {}
    });
    .on('start', function (event) {
        console.log(event.type, event.target); // 'start', PIXI.DisplayObject {}
    });
    .on('move', function (event) {
        console.log(event.type, event.target); // 'move', PIXI.DisplayObject {}
    });
    .on('end', function (event) {
        console.log(event.type, event.target); // 'end', PIXI.DisplayObject {}
    });
    .on('cancel', function (event) {
        console.log(event.type, event.target); // 'cancel', PIXI.DisplayObject {}
    });

// create a new Sprite
var bunny = new PIXI.Sprite(PIXI.Texture.fromImage("bunny.png"));
stage.addChild(bunny);
bunny.on('click', function(event) {
    console.log(event.type, event.target); // 'click', PIXI.Sprite {}
});

/**
 * implements EventListener Interface (DOM Events Level 3)
 */
var DOMEventListener = {
    /**
     * Defaults to mouse events
     */
    START  : 'mousedown',
    MOVE   : 'mousemove',
    END    : 'mouseup',
    CANCEL : 'mouseout',
    interactionFactory: PIXI.Interaction.fromMouseEvent,
    /**
     * Implement the EventListener Interface
     */
    handleEvent: function (event) {
        switch (event.type) {

        case this.START:
            event.preventDefault();
            window.addEventListener(this.MOVE, this);
            window.addEventListener(this.END, this);
            window.addEventListener(this.CANCEL, this);
            manager.handleStart(this.interactionFactory(event));
            break;

        case this.MOVE:
            manager.handleMove(this.interactionFactory(event));
            break;

        case this.END:
        case this.CANCEL:
            window.removeEventListener(this.MOVE, this);
            window.removeEventListener(this.END, this);
            window.removeEventListener(this.CANCEL, this);

            // If the target is not the view, it is considered a cancel
            if (event.type === this.END && event.target === renderer.view) {
                manager.handleEnd(this.interactionFactory(event));
            } else {
                manager.handleCancel(this.interactionFactory(event));
            }
            break;
        }
    }
}

// Create touch listener from DOMEventListener
var touchListener = Object.create(DOMEventListener, {
touchListener.START = 'touchstart';
touchListener.MOVE = 'touchmove';
touchListener.END = 'touchend';
touchListener.CANCEL = 'touchcancel';
touchListener.interactionFactory = PIXI.Interation.fromTouchEvent;

// Add the listener to the renderer.view
renderer.view.addEventListener(touchListener.START, touchListener);

Here's another example like this one with support for pointer, touch, and mouse...

See: https://gist.github.com/drkibitz/6143035