JS: a simple method for dynamically adding events to objects. js Dynamic Object events

JS: a simple method for dynamically adding events to objects. js Dynamic Object events

In WEB projects, we often encounter the following text box controls with id = "txtPrice" to dynamically add events to corresponding objects:

<Div> <input type = "text" id = "txtPrice" name = "txtPrice" value = "0"/> <div>

Now we add an event dynamically for it. The core JS Code is as follows:

Document. getElementById ("txtPrice"). attachEvent ('onblur', function () {alert ('event added successfully! ')});

[Supplement]

Sometimes in order to achieve compatibility with different browsers, We will write as follows:

Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/--> 1 if (window. attachEvent) {document. getElementById ("txtPrice "). attachEvent ('onblur', function () {alert ('event added successfully! ')});} Else {document. getElementById ("txtPrice"). addEventListener ('onblur', function () {alert (' event added successfully! ')}, False );}

The Simple Method for dynamically adding events to objects in the above JS section is to share all the content with you in the editor. I hope to give you a reference and support for the help house.