Handling Mouse Overs and Keyboard Events with the jQuery JavaScript Library

Introduction

Now that you've been introduced to the main subject of this series of articles, it’s time to refresh your memory of the topics that were discussed in the last tutorial. Well, as you’ll certainly remember, on that particular occasion I explained how to use the “mouseup()” and “mousemove()” methods included with the “jQuery” package. I then used them to develop a pair of basic JavaScript applications, which were capable of responding to these common mouse events via a simple interface.

Speaking more specifically, these JavaScript applications displayed an alert box on screen each time users clicked on a link within a sample web document. Definitely, these examples weren't rocket science, but hopefully they helped you to acquire a better understanding of the way that jQuery handles several mouse events.

Okay, at this point I’m pretty sure that you recalled how to use the library in question to handle both “mouseup” and “mousemove” events in an approachable fashion, so it’s time to explore more methods provided by jQuery. In this article, we'll look at the ones that are aimed specifically at manipulating mouse overs and other common keyboard-related events.

Now, pick up the mouse with your right hand and the keyboard with the left one, and start reading!