If you are planning on moving into the fast moving world of mobile web development, dealing with new events such as touch interaction is going to be a must. Although traditional JavaScript mouse events will translate directly to the basic touch events when used on a touch-enabled device, events such as swiping and pinching are not common to traditional desktop user interaction (http://eightmedia.github.com/hammer.js).
Hammer.js currently supports tap, double tap, swipe, hold, pinch (transform), and drag events, and is easily implemented into any preexisting website regardless of whether you are using jQuery or not. Due to the library's simplicity, the resulting file size is only 2 KB when minified and compressed:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Hammer.js Example</title>
<style>
body {
padding:10px;
}
#touch-area {
border: 5px dashed #000;
...