addeventlistener with parameters code example

Example 1: how to call a function with arguments on event listener javascript

element.addEventListener("click", () => {
    functionYouWantToCall(yourArguments);
});

Example 2: js addeventlistener

var element=document.getElementById("some_id");
var listener=element.addEventListener('click',function(event){                          
            
 });

Example 3: 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 4: 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