Custom event in HTML, Javascript

Question

I\'m looking to create a custom event in HTML, JS.

How can I create one such? \'

Answer 1

It's bad practice to use new Function and with, but this can be accomplished as follows: http://jsfiddle.net/pimvdb/72GwE/13/.

function trigger(elem, name, e) {
    var func = new Function('e',

      'with(document) {'
    + 'with(this) {'
    + elem.getAttribute('on' + name)
    + '}'
    + '}');

    func.call(elem, e);
}

With the following HTML:

then trigger the event like:

trigger(document.getElementById('x'), 'custombind', {foo: 123});