Best jQuery Events Plugins & Tutorials with Demo

    jQuery.event.move : Drag event plugin

    June 10, 2012 | Drag & Drop, Events, Plugins, Popup Window
    jQuery.event.move : Drag event plugin

    Custom events ‘movestart’, ‘move’ and ‘moveend’ for jQuery.Move events provide an easy way to set up press-move-release interactions on mouse and touch devices.

    Move events are designed to compliment drag events, where the two have different meanings: drag events are for transferring data while move events are for making responsive interfaces. That said, movestart, move and moveend events deliberately echo dragstart, drag and dragend events, with one significant difference: where the drag event fires continuously whether you have moved the pointer or not, the move event fires only after the pointer has been moved.

    Read More Demo

    breakpoints : Trigger jQuery events for your responsive design

    May 7, 2012 | Events, Plugins, Responsive
    breakpoints : Trigger jQuery events for your responsive design

    Trigger jQuery events for your responsive design breakpoints!.Define breakpoints for your responsive design, and Breakpoints.js will fire custom events when the browser enters and/or exits that breakpoint.

    Read More Demo

    jQuery UI Touch Punch : Touch events for jQuery UI with Demo

    April 17, 2012 | Events, jQuery UI
    jQuery UI Touch Punch

    A duck punch for adding touch events to jQuery UI.This little library was written to punch in touch events to jQuery UI by providing touch proxies that simulate mouse events.

    Read More Demo

    Hammer.js : A jQuery library for multi touch gestures with Demo

    March 26, 2012 | Drag & Drop, Events, jQuery Mobile
    Hammer.js : A jQuery library for multi touch gestures with Demo

    Hammer.js is a javascript library (that depends on jQuery) that can be used to control gestures on touch devices.Hammer.js has been tested on iPad1 with iOS5, iPhone4 with iOS5, Samsung Galaxy S with Android 2.3.3 and Google Chrome 17. On a desktop browser the mouse can be used to simulate touch events with one finger. It supports the following gestures:

    • Tap
    • Double tap
    • Hold
    • Drag
    • Transform
    Read More Demo

    TouchSwipe : A jQuery plugin for Touch devices

    March 10, 2012 | Events, jQuery Mobile, Plugins
    TouchSwipe : A jQuery plugin for Touch devices

    TouchSwipe is a jquery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc.

    Features :

    • Detects swipes in 4 directions, “up”, “down”, “left” and “right”
    • Supports single finger or double finger touch events
    • Supports click events both on the touchSwipe object and its child objects
    • Definable threshold to determin when a gesture is actually a swipe
    • Events triggered for swipe “start”,”move”,”end” and “cancel”
    • End event can be triggered either on touch release, or as soon as threshold is met
    • Allows swiping and page scrolling
    Read More Demo

    jQuery keydown events Plugin : jEscape

    January 12, 2012 | Events, Plugins
    jQuery keydown events Plugin : jEscape

    This extension captures all the keydown events faster and less time writing code, you’ll profit.

    Read More Demo

    jwerty – Awesome Handling of Keyboard Events

    October 12, 2011 | Events, Plugins
    jwerty – Awesome Handling of Keyboard Events

    jwerty is a JS lib which allows you to bind, fire and assert key combination strings against elements and events. It normalises the poor std api into something easy to use and clear.

    Read More

    Simple use of Event Delegation

    June 25, 2011 | Ajax, Events, Web
    jQuery Event Delegation

    Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation.

    Read More Demo