イベントといくつかのパラメーターを渡すeventHandlerを作成したいと思います。問題は、関数が要素を取得しないことです。次に例を示します。
doClick = function(func){
var elem = .. // the element where it is all about
elem.onclick = function(e){
func(e, elem);
}
}
doClick(function(e, element){
// do stuff with element and the event
});
'elem'は無名関数の外部で定義する必要があります。渡された要素を匿名関数内で使用するにはどうすればよいですか?これを行う方法はありますか?
そして、addEventListenerはどうですか?addEventListenerを介してイベントを渡すことができないようです。
更新
'this'の問題を修正したようです
doClick = function(func){
var that = this;
this.element.onclick = function(e){
func(e, that);
}
}
これには、関数でアクセスできるthis.elementが含まれています。
addEventListener
しかし、私はaddEventListenerについて疑問に思っています:
function doClick(elem, func){
element.addEventListener('click', func(event, elem), false);
}