How to detect if the event is a browser event or not

Question

How would you test if an event is a browser event (e.g. click, load, blur etc) based on its name (e.g. click)? (and no I'm not using jQuery/mootools/prototype/dojo)

UPDATE:

In this function I attach browser events (click and load) for example:

observe: function(elements, eventName, callback) { if (!(elements.length != null)) { elements = [elements]; } return this.each(elements, function(e) { if (helper.hooks.eventObserved != null) { helper.hooks.eventObserved(eventName, callback, e); } if (typeof e === 'string') { e = this.el(e); } if (e.addEventListener) { return e.addEventListener(eventName, callback, false); } else if (e.attachEvent) { return e.attachEvent("on" + eventName, callback); } }); },

And this fires the event:

fire: function(elements, eventName) { if (!(elements.length != null)) { elements = [elements]; } return this.each(elements, function(e) { var evt; if (document.createEventObject != null) { evt = document.createEventObject(); return e.fireEvent("on" + eventName); } else { evt = document.createEvent('HTMLEvents'); evt.initEvent(eventName, true, true); return !e.dispatchEvent(evt); } }); },

But what I want is to test if the event exists for example click is a browser event but login isn't so how would I test that?

If you're not using jquery/mootools/prototype/dojo, then where would the events be coming from if they're not "browser events"? — Pointy
– Pointy, Commented Apr 17, 2011 at 21:04
(Note that I'm resisting the temptation to guess that your a Qooxdoo user.) — Pointy
– Pointy, Commented Apr 17, 2011 at 21:04
I don't understand this question. What do you mean by a "browser" event? Where are these events coming from? Can you give an example in code of a problem you want to overcome? — Oliver Moran
– Oliver Moran, Commented Apr 17, 2011 at 21:10

Community · Accepted Answer · 2017-05-23 11:47:42Z

1

Check out this solution by Juriy Zaytsev (live demo).

jQuery itself uses it.

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Apr 17, 2011 at 21:27

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Oliver Moran · Accepted Answer · 2011-04-17 21:33:09Z

You could check to see if the function/object element["on"+event] exists:

<a href="http://www.google.com" id="myAnchor">test</a> <script> function doesElementHaveEvent(element, event){ return (typeof element["on"+event] != typeof undefined); } alert(doesElementHaveEvent(document.getElementById("myAnchor"), "click")); // true alert(doesElementHaveEvent(document.getElementById("myAnchor"), "login")); // false </script>

Collectives™ on Stack Overflow

How to detect if the event is a browser event or not

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related