Как вызвать функцию с параметром при возникновении события в JavaScript

Question

Я знаю из следующих трех способов настроить событие OnClick в JavaScript:

<element onclick="myScript"> 
object.onclick=function(){myScript}; 
object.addEventListener("click", myScript); 

Но когда я пытаюсь сделать следующее это не работает :

object.addEventListener("click", myScript("value")); 

Как я могу добиться желаемого результата наиболее элегантно?

Answer 1

javascript при вызове вопросов myScript немедленно. Вы можете использовать Function.prototype.bind() ссылаться myScript и передать параметр "value" к myScript при вызове на click из object

function myScript(val) { 
 
    console.log(val) 
 
} 
 

 
var object = document.querySelector("button"); 
 
object.addEventListener("click", myScript.bind(object, "value"));

<button>click</button>