Fire JavaScript event on object creation

Question

Is there any way to fire an event when an object of a certain type is created?

I have an <div> element with editableContent="true" and when the user presses enter within the <div>, a new <div> is created that takes up just that line. Is it possible to have an event fire whenever a <div> object is created within my original <div> object?

I know one way to do this would to listen for keystrokes and on an 'enter' key being pressed, do a bunch of logic to figure out what to do, but this seems a lot less elegant - so it would be great if there was another way.

Andreas Köberle · Accepted Answer · 2010-07-23 18:29:56Z

3

There are the a bunch of DOM Events and some of them will be supported by firefox for example. But I dont think that IE will support only one of them. Here is a complete list. First you can fire a custom event every time you create a new div, or you have a settimeout that checks every second if the count of you divs childnodes has changed.

answered Jul 23, 2010 at 18:29

Andreas Köberle

112k58 gold badges281 silver badges308 bronze badges

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

1 Comment

Andrew Over a year ago

the DOMNodeInserted event should be what I need. luckily it's supported by everyone but IE.

qw3n · Accepted Answer · 2010-07-23 18:12:31Z

1

You have a function that creates a div when you press enter. Why don't you just add a function call at the end of it.

function createDiv(){
  //create div 
  //append div
  divCreated();
}

answered Jul 23, 2010 at 18:12

qw3n

6,3446 gold badges35 silver badges63 bronze badges

1 Comment

Andrew Over a year ago

I don't have a function that creates a div when you press enter, the div is created automatically (this is just the standard behavior of an object with contentEditable=true; )

fantactuka · Accepted Answer · 2010-07-23 18:16:16Z

1

There's no default callbacks for new elements creating. The first thing I have in mind - you can add an event listener for mouseUp event and check content delta (changed part) - if it looks like an element markup with regexp.

answered Jul 23, 2010 at 18:16

fantactuka

3,33421 silver badges29 bronze badges

Comments

Konstantin Smolyanin · Accepted Answer · 2013-09-09 19:54:42Z

0

Everybody who looking for a way to react to changes in a DOM should take into consideration MutationObserver. It is a standard DOM4 feature currently implemented in all latest (even not all modern but latest!) browsers.

answered Sep 9, 2013 at 19:54

Konstantin Smolyanin

19.3k14 gold badges65 silver badges58 bronze badges

Collectives™ on Stack Overflow

Fire JavaScript event on object creation

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related