Firing and capturing custom events

Question

Imagine this scenario (it\'s really just a scenario):

• I have a global counter that gets incremented on every mouse click.
• when I reach 50 clicks, I

Answer 1

The answers above seem to be deprecated.

Create a new CustomEvent.

var data = { x:20, y:30, rotationY: 60 },
    end = new CustomEvent('MOTION_FINISHED', { detail: data });
    this.dispatchEvent(end);

It seems to only allow the property 'detail' to pass parameters though. I've also read 'bubbles' and 'cancelable' properties are available, but you didn't mention those in your question.

To retrieve your parameters:

function _handler(e){
    var x = (e.detail && e.detail.x) || 0;
}