将参数传递给回调函数

Question

By default I cannot pass arguments to a callback function

 function callback() { alert('Hi human'); } var x = 1, y = 2;//Pass arguments(x,y) to a callback function document.getElementById('someelem').addEventListener('click', callback); 

 <button id="someelem">Ok</button> 

Answer 1

document.getElementById('someelem').addEventListener('click', function(event) {
    callback(x, y, e);
});

Another way is to bind function

document.getElementById('someelem').addEventListener('click', callback.bind(null, x, y));

Answer 2

You could create it as an anonymous function like so:

var x = 1, y = 2;//Pass arguments(x,y) to a callback function

document.getElementById('someelem').addEventListener('click', function(x, y) {
   alert('Hi human');
});

Answer 3

You can use bind to overcome the issue.

 function callback(x, y) { console.log(this,x,y); } var x = 1, y = 2; //Pass arguments(x,y) to a callback function var el = document.getElementById('someelem'); el.addEventListener('click', callback.bind(el, x, y)); 

 <button id="someelem">OK</button>