addEventListener pass parameters code example

Example 1: javascript pass parameter to event listener

var someEventHander=function(){
	console.log(event,param1,param2);
}
//add listener
document.getElementById("someid").addEventListener('click',someEventHander.bind(event,param1,param2));

Example 2: pass argument to event listener javascript

someObj.addEventListener('click', some_function(someVar) );

const some_function = (someVar) => {
  	return (e) => {
      console.log(someVar)
      console.log(e)
    }
}

Example 3: event listener function called parameters

var someEventHander=function(event,param1,param2){
	console.log(event,param1,param2);
}
//add listener
document.getElementById("someid").addEventListener('click',someEventHander.bind(event,'param1','param2'), false);

Tags:

Html Example

Related