将parameter passing给callback函数

默认情况下，我不能将parameter passing给callback函数

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); }); 

另一种方法是绑定function

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

Answer 2

你可以像下面这样创build一个匿名函数：

 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

你可以使用bind来解决这个问题。

 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>