将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>
document.getElementById('someelem').addEventListener('click', function(event) { callback(x, y, e); });
另一种方法是绑定function
document.getElementById('someelem').addEventListener('click', callback.bind(null, x, y));
你可以像下面这样创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'); });
你可以使用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>