Question

For quite some time I think that it is possible to add custom method to native Event object. How do you think? I have not found a way. I would be grateful for any opinions and recommendations.

Best regards.

Answer 1

It’s generally considered bad practice to extend the native objects of Javascript. But if you would, you add a method to the objects prototype.

Example:

html:

<button id="foo">Foo</button>

js:

var b = document.querySelector("#foo");

MouseEvent.prototype.foo = function () {
    alert("FOO");
};

b.addEventListener('click', function (e) {
  e.foo();
};

/* for < IE9, use this instead of addEventListener...
onclick = function (e) {
  e.foo();
};
*/

Here you can find a list of events: https://developer.mozilla.org/en/DOM/event