Best jQuery Events Plugins & Tutorials with Demo

    Dirrty : jQuery plugin to detect Form Field’s Modification

    Dirrty : jQuery plugin to detect Form Field's Modification

    Dirrty lightweight jquery plugin to detect if the fields of a form had been modified.
    If a field has been modified then the form is dirrty

    • Detect the moment when the form gets dirty, and trigger a custom event, for example enable a “save changes” button
    • Detect the moment when the form gets clean again, and trigger a custom event, for example disable the “save changes” button, cause is not necesary
    • Prompt the user to save changes before leaving if the form is dirty

    Now-open : jQuery Current Time Event Plugin

    Now-open : jQuery Current Time Event Plugin

    Now open is a lightweight jQuery plugin to determine if a the current times falls within a given set of times and days.

    Trial.js : Mouse Monitoring & Prediction Library

    Trial.js : Mouse Monitoring & Prediction Library

    Trial.js is a simple library could monitor mouse position and predict user input

    Features :

    • No dependency
    • Lightweight (~1kb gzipped)
    • Automatically extends jQuery and Zepto properties

    Feature.js : JavaScript Browser feature Detection Library

    Feature.js : JavaScript Browser feature Detection Library

    Feature.js is a fast, simple and lightweight browser feature detection library. It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automatically initializes itself on page load, so you don’t have to. It doesn’t, however, run any tests while initializing, so it will only ever run them when you ask it to. This makes it perform very fast.

    In-View.js : JavaScript Viewport Event Library

    In-View.js : JavaScript Viewport Event Library

    Library that tracks elements on the page and reacts when they are about to leave or enter the viewport. The library has no external dependencies and is really easy to use with a simple callback syntax.

    jCreate : jQuery plugin for Adds a new Bindable Event

    jCreate : jQuery plugin for Adds a new Bindable Event

    jCreate is a plugin for jQuery that adds a new bindable event.Just use .on(‘create’, ..); the callback will be triggered when elements are created on the page.

    AdBlocker Blocker Red : Display Message to Ad blocker Users

    AdBlocker Blocker Red : Display Message to Ad blocker Users

    AdBlocker Blocker Red can detect nasty ad blockers and display custom message to user, and you can lock your content until they disable ad block addons. All you need to do is add some small lines code in your script and your done. If people want to view the content they must disable ad block addons. After disable ad block addons hidden content become visible. Very simple workflow.

    • Detect AdBlocker plugins and hide content
    • Very simple and clean code
    • Customize your own button notifications
    • User Guide Documentation
    • Simple and easy to use.
    • Detects all major ad blocking browser extensions on all major web browsers.

     

    jQuery Resize Triggering Event Plugin

    jQuery Resize Triggering Event Plugin

    A jQuery plugin that adds the “resize” event to all elements.Have you ever wanted to listen for a resize event on an element other than window? This plugin listens for a resize event on any element and then triggers the resize event using jQuery so any Event Listeners will be called. Simply call the plugin on the element before adding the resize Event Listener.

    DOMtastic : JavaScript DOM and Event Library

    DOMtastic : JavaScript DOM and Event Library

    Small, fast, and modular DOM and event library for modern browsers.

    • Small, fast, and modular DOM & Event library for modern browsers.
    • Same familiar API as jQuery (but without the extra “weight” of modules like $.ajax, $.animate, and $.Deferred).
    • Weighs in at only 1KB to 12KB (minified), depending on included modules. Full bundle is about 4KB gzipped.
    • Works great stand-alone or paired up with e.g. Backbone or Angular.
    • The source is written in ES6 format.
    • Rollup and babel are used to create a UMD bundle (supporting AMD, CommonJS, and fallback to browser global).

    Eager Image Loader : JavaScript Library

    Eager Image Loader : JavaScript Library

    The eager-loading for image files on the web page that loads the files according to your plan. This differs from the lazy-loading, for example, this can be used to avoid that the user waits for the loading.