- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- JavaScript/イベント/onclickで割り当てるハンドラ関数に引数を渡す へ行く。
- 1 (2010-04-28 (水) 09:46:18)
- 2 (2010-04-28 (水) 09:59:14)
onclickで割り当てるハンドラ関数に引数を渡す
引数無しのハンドラ関数割り当て
document.getElementById('foo').onclick = func;
引数有りのハンドラ関数割り当て1
目的の関数を無名関数で包んで割り当てる。
document.getElementById('foo').onclick = function () { func('hello'); };
引数有りのハンドラ関数割り当て2
変数を引数にしたい場合、以下のようにしても、ハンドラ関数が実行される（foo0がonclickされる）際にその変数（n）が評価されるので、nはfoo0が期待するような値として得られない。
for ( var n = 0; n < 3; n++ ) {
document.getElementById('foo' + n).onclick = function () { func(n); };
}
従って、以下のようにハンドラ関数をさらに無名関数で包んで割り当てる。nはイベントに割り当てられた時点で評価され、numはその値を得る事が出来る。
for ( var n = 0; n < 3; n++ ) {
document.getElementById('foo' + n ).onclick = (function (num) { return func(num) }; })(n);
}
