Passing Arguments to Event Functions

bind-call-args.js

/**
 * @about
 * Binding arguments to a function passed through
 * an event listener as a named function.
 * 
 * @reference
 * http://jsfiddle.net/toddmotto/D3tgu
 */


// Widely Supported : jQuery
// =========================================

function toggleNav(event, cname) {
  $(this).toggleClass(cname);
}

$('.menu').on('click', function() {
  toggleNav.call(this, event, 'active');
});


// Needs Bind Polyfill - IE 7/8 : Vanilla JS
// =========================================

var menu = document.querySelector('.menu');

function toggleNav(event, cname) {
  this.classList.toggle(cname);
}

menu.addEventListener('click', toggleNav.bind(menu, event, 'active'), false);