event listener with parameters code example
Example 1: javascript onclick event listener
document.getElementById("myBtn").addEventListener("click", function() {
alert("Hello World!");
});
Example 2: how to call a function with arguments on event listener javascript
element.addEventListener("click", () => {
functionYouWantToCall(yourArguments);
});
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: 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 5: 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);