Javascript - Event Handlers (The Basics)

 Javascript Event Handlers

 Prepared by: Christian Billones

 

 JavaScript, similar to it's predecessor Java, has some of the same qualities of being an Object-Oriented Programming Language, not only can programmers and user create and make their own objects & variables but they could also assign certain properties to them as well. Objects, in OOP just like Javascript, can be defined using any number of alpha-numerical combination. These can be, as stated earlier, be user-defined and also library(or self)-defined as well. The logic of which is that when users tend to use their code for specific purposes, sometimes such libraries & packages within such programming code just isn't available; therefore, having the users define their own methods to best suit their needs is the great way to achieve such task at hand. Objects can also have different properties and methods in-line with them. Properties being the values associated with the object and methods being the actions that such objects could perform.

    With the help of objects and their unique methods and unique way of creating user-defined ones, events can now be handled with ease in Javascript. Personally, I see Javacript as the motor skills & nervous system of the website; without it, such actions and events could not be properly be handled by the website, there would be no reactions and response from the website. It is the language that you can depend on when you try to handle the client's request from the website you have one running, it is the one that could help you handle tasks that clients would like to be done. Event-handlers in Javascript are a treat. They are fairly easy to understand and easy to code and customize, and with the help of customized objects, such tasks could even be handled with specific values in-line with them; these could even help the client handle and use such objects available within the website's reach, and it's all with the help of event-handlers. Such examples of event-handlers in Javascript are:

- onchange Event
(object.onchange = function())

 

 

 

- onfocus Event & onblur Event
(object.onfocus=function())
(object.onblur = function())

- onselect Event
(object.onselect = function())

- onsubmit Event & onreset Event
(object.onsubmit = function())
(object.onreset = function())

 

 

- onerror Event
(object.onerror = function())

 

 

- onload Event
(object.onload = function())