JavaScript

1. Java Script Module 2. World Wide Web (WWW) 3. Web Terms 4. NEED FOR SCRIPT 5. Introduction to Internet Programming 6. CLIENT SIDE and SERVER SIDE Scripting 7. Different Scripting Languages 8. Introduction to JavaScript 9. JavaScript and Security 10. How to Enable JavaScript 11. Advantages of Java Script 12. Limitations with JavaScript 13. Difference between JavaScript and JAVA 14. Difference between JavaScript and VBScript 15. JavaScript Development Tools 16. JavaScript Programming Techniques 17. JavaScript terms 18. Starting with JavaScript Programming step by step 19. Time to start JavaScript Programming 20. JavaScript Variables 21. JavaScript RESERVED WORDS 22. JavaScript Data Type 23. NUMBER DATA TYPE 24. BOOLEAN DATA TYPE 25. STRING DATA TYPE 26. NULL DATA TYPE 27. JavaScript Undefined DATA TYPE 28. JavaScript Operators 29. JavaScript Arithmetic Operators 30. JavaScript Logical Operators 31. JavaScript Comparison Operators 32. JavaScript String Operators 33. Bit Manipulation Operators 34. JavaScript Assignment Operators 35. JavaScript Conditional Operator 36. Conversion between JavaScript Data Types 37. Alert JavaScript function 38. confirm JavaScript function 39. prompt JavaScript function 40. JavaScript Statements 41. Single line & Multi-line Comments 42. JavaScrip If Statement 43. JavaScript if..else Statements 44. JavaScript If…else..if statement. 45. JavaScript For Statement 46. JavaScript For..in Statement: 47. JavaScript While Statement 48. JavaScript do while Statement: 49. JavaScript break and continue statement 50. JavaScript switch Statement: 51. JavaScript function() 52. JavaScript function with a Return Value 53. JavaScript with Statement 54. try, catch, and throw Statements 55. JavaScript ARRAY 56. JavaScript array of different data types 57. JavaScript ARRAY and Bubble sorting Program 58. JavaScript Array Methods 59. concate() method 60. every() method 61. filter() method 62. forEach() method 63. indexOf() method 64. Join() method 65. lastIndexOf() method 66. map() method 67. reduce() method 68. reduceRight() method 69. reverse() method 70. some() method 71. toSource() method 72. toString() method 73. pop() method 74. push() method 75. shift () method 76. slice () method 77. splice () method 78. sort() method 79. unshift() method 80. EVENT handling with JavaScript 81. onblur JavaScript Event 82. onchange JavaScript Event 83. onclick JavaScript Event 84. onDblClick JavaScript Event 85. onfocus JavaScript Event 86. onkeydown JavaScript Event 87. onkeyup JavaScript Event 88. Onkeypress JavaScript Event 89. onLoad JavaScript Event 90. onMousedown JavaScript Event 91. onMouseup JavaScript Event 92. Onmouseover JavaScript Event 93. onmouseout JavaScript Event 94. onMouseMove JavaScript Event 95. onReset JavaScript Event 96. onsubmit JavaScript Event 97. onUnload JavaScript Event 98. The Screen Object 99. JavaScript Interview Part1 100. JavaScript Interview Part2 101. JavaScript Interview Part3 102. JavaScript Interview Part4 103. JavaScript Interview Part5 104. JavaScript Interview Part6 105. JavaScript Interview Part7 106. JavaScript Interview Part8 107. JavaScript Interview Part9 108. JavaScript Interview Part10
Pr.Pg Next Pg

EVENT handling with JavaScript tutorials

  • Events are the mechanism, by which the browser responds, to the user actions. Events can be expressed as any action from user or any activity related with browser.

  • Events describe actions that occur as the result of user interaction with a Web page or other browser-related activities.

  • For example, when a user clicks a hyperlink or a button, or enters data in a form, an event is generated informing the browser that an action has occurred and that further processing is required.

  • The browser waits for events to occur, and when they do, it performs whatever processing is assigned to those events. The processing that is performed in response to the occurrence of an event is known as event handling.

  • The code that performs this processing is called an event handler.

  • Following are some of the things that can be undertaken with help of HTML and JavaScript.

    1. Display Message in case of some events

    2. Flash Alert message in case of some events

    3. Validate data entry form

    4. Perform Calculations and display result.

    5. Load / Display animation in response to some event

    6. Interact with java Applet and other Plug-ins.

  • Following are some of the Important Events (HTML 4.01 Event Handlers) and its descriptions:

Event Handler

Event that it handles description

onBlur

Script runs when the element loses focus,  For example, user clicked away from a text field that was previously selected.

onChange

Script runs when the element changes

onClick

Script runs when a mouse click

onDblClick

Script runs when a mouse double-click

onFocus

Script runs when the element gets focus

onKeydown

A key was pressed over an element.

onKeyup

A key was released over an element.

onKeypress

A key was pressed over an element then released.

onLoad

The object has loaded.

onMousedown

The cursor moved over the object and mouse/pointing device was pressed down.

onMouseup

The mouse/pointing device was released after being pressed down.

onMouseover

The cursor moved over the object (i.e. user hovers the mouse over the object).

onMousemove

The cursor moved while hovering over an object.

onMouseout

The cursor moved off the object

onReset

User has reset a form.

onSelect

User selected some or all of the contents of the object. For example, the user selected some text within a text field.

onSubmit

User submit the form "submit" button

onUnload

User exit out of document or frameset

 

Pr.Pg border                                              Next Pg