Custom Event Handler

by jacobwsmith

HTML

<body>
    <h1>Testing Custom Event</h1>
</body>

JavaScript

//========================================================================
//	module's custom event handler assigned to the body
//	TODO: testing on ie8 and up
//========================================================================
modules = {};
modules.addEventListener = function(name, callback) {
	//console.log('modules.addEventListener: ' + name);
	$('body').on(name, callback);
};
//	module's custom remove event handler
modules.removeEventListener = function(name) {
	//console.log('modules.removeEventListener: ' + name);
	$('body').off(name);
};
//	module's custom dispatch event handler
modules.dispatchEvent = function(name, params){
	//console.log('modules.dispatchEvent: ' + name + ', ' + params);
	$('body').trigger(name, params);
};

var test1 = modules.addEventListener('test', function(){
    $('body').append('<p>test1: SUCCESS</p>');
});
var test2 = modules.addEventListener('test', function(){
    $('body').append('<p>test2: SUCCESS</p>');
});
modules.dispatchEvent('test');