www.pickatutorial.com Computer Tutorials
Top eBooks: C/C++ | C# | Android | Mathematics | Database | Cloud | Graphics | Networking | Oracle | Hardware | AI
Top Tutorials: C/C++ | C#.NET | PHP MySQL | Java | Java Script | jQuery | HTML | xHTML | HTML5 | VB Script| CSS
Lessons jQuery Events Bookmark and Share
Tutorial Home
Lesson 1
Lesson 2
Lesson 3
Lesson 4
Lesson 5
Lesson 6
Lesson 7
Lesson 8
Lesson 9
Lesson 10
Lesson 11
Lesson 12
Lesson 13
Lesson 14
Lesson 15
Lesson 16
Lesson 17
Lesson 18
Lesson 19
Lesson 20
Lesson 21
Lesson 22
Lesson 23
Lesson 24
Lesson 25
Lesson 26
Lesson 27
This lesson is a short recall of our JavaScript knowledge about events and event handlers.

From our JavaScript knowledge we know that events are actions and happening, with repect to a web page and / or the web browser, that can be detected by our web applications.

Some common examples of follow:
  • A mouse click
  • A web page loading
  • Hovering mouse over an object, e.g. button, image etc.
  • HTML form submission
  • A keystroke on our keyboard, etc.

In JavaScript we use event handlers to handle events. Not to mention, an event handler is either inline JavaScript code or a JavaScript function that we attach to different events to handle them.

Here is an example of a JavaScript inline event handler:

<a href="javascript:void(0);" onclick="alert('Example inline JavaScript Event Handler');">JS Event Handler</a>

Here is another example that uses a function as an event handler:

<script type="text/javascript">
function testEvent(){
alert('Example inline JavaScript Event Handler');
<a href="javascript:void(0);" onclick="testEvent();">JS Event Handler</a>

jQuery makes our event handling even easier. In the following lessons we will be discussing event handling in jQuery.
Next >>> Lesson No. 22: jQuery on()

Home - Advertise - Contact - Disclaimer - About Us
© Since 2006 pickatutorial.com -- All Rights Reserved.