HomeJavaScript Page 9 - Understanding The JavaScript Event Model (part 1)
Game Over - JavaScript
This may be news to you, but JavaScript comes with a powerfuland flexible event model, one which provides developers with astandardized way of trapping and handling client-side events likekeystrokes and mouse clicks. This two-part article takes an in-depthlook at how this event model works, demonstrating some practical (andnot-so-practical) uses of the most common event handlers.
And that's about all I have for the moment. In this article, I taught you a little bit about the JavaScript event model, demonstrating the most common event handlers with code snippets and examples. I explained some of the most popular uses of these event handles, including image swapping and URL selection lists, and also demonstrated how they can be used, in combination with simple validation routines, to perform basic form validation on the client side.
If you're new to JavaScript, this article should have demonstrated some of the many uses to which clever developers can put this powerful client-side scripting language. In case you already knew all this, though, don't worry - I'll be back soon with an in-depth look at the internals of the JavaScript event model, explaining the intricacies of the Event object and how it can be used to add even more ammunition to your JavaScript armory. Till then, though, stay healthy...and keep practicing!
Note: All examples in this article have been tested on Windows 95 with Internet Explorer 5.x+ and Netscape Communicator 4.x+. Examples are illustrative only, and are not meant for a production environment. Melonfire provides no warranties or support for the source code described in this article. YMMV!