custom event in javascript and jquery

 

javascript:

// add a eventListener
document.addEventListener("abc", function(){alert('this is abc handler'}, false);

//fire event
document.dispatchEvent(new CustomEvent("abc", {
            detail: {
                message: msg,
                time: new Date(),
            },
            bubbles: true,
            cancelable: true
        }));

 

jQuery

$(document).on('abc',function(){alert('this is abc handler on document'});

$.event.trigger({
    type: "abc",
    message: "Hello World!",
    time: new Date()
});

 

 

reference:

How to Create Custom Events in JavaScript

http://www.sitepoint.com/javascript-custom-events/

How to Create Custom Events in jQuery

http://www.sitepoint.com/jquery-custom-events/