javascript DOM object inherit

Question

Is it possible to define a event handler of one type of HTML object so that all the instances of this type of objects have this handler? for example, can I create a function func() as the onclick event handler of input text-fields so that all the input-fields have func() as its onclick event handler?

(it's just something like adding a function to the prototype of a native javascript object.)

Check this article: What’s wrong with extending the DOM

Christian C. Salvadó
– Christian C. Salvadó

2010-07-12 20:52:13 +00:00
Commented Jul 12, 2010 at 20:52 — Christian C. Salvadó
– Christian C. Salvadó, Commented Jul 12, 2010 at 20:52

SLaks · Accepted Answer · 2010-07-12 20:46:25Z

2

No.

Instead, you can handle onclick for the document, then check if e.target || e.srcElement is an <input>.

This is how jQuery's .live() works.

answered Jul 12, 2010 at 20:46

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

4 Comments

Matt Ball Over a year ago

Event delegation is definitely the way to go. This way, you don't pollute the prototype, and don't create tons of event handlers.

Paul Over a year ago

Do DOM objects inherit any common "superclass"?

SLaks Over a year ago

@Paul: Yes, but it won't help.

Scott S. McCoy Over a year ago

The DOM prototype object behavior is inconsistent between implementations in my experience. I'd suggest not fiddling with extending the prototype unless you have a lot of spare time on your hands.

Collectives™ on Stack Overflow

javascript DOM object inherit

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related