addEventListenerやattachEventした関数に引数を渡す

javascript 覚え書き

とりあえずソース。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>EventHandlerに引数を渡す</title>
<script type="text/javascript">
function test(e, arg1, arg2) {
	alert(e.target.innerHTML);
	alert(arg1 + arg2);
}
function init() {
	document.body.addEventListener('click', function(event) { test(event, 1, 2); }, false);
}
if (window.addEventListener) {
	window.addEventListener('load', init, false);
} else if (window.attachEvent) {
	window.attachEvent('onload', init, false);
} else { ; }
</script>
</head>
<body>
	<p>てすと</p>
	<ul>
		<li>リスト1
		<li>リスト2
		<li>リスト3
	</ul>
</body>
</html>

addEventListenerやattachEventで渡す関数を関数式*1にして、更にそいつん中から関数を
callしてやる様にしてそいつに引数を設定してやればいいみたい。
http://www.tagindex.com/kakolog/q4bbs/901/1162.html
を参考にした。*2
こういう記述方法がスンナリ出てこないのがやはり俄かたる所以か…（;´Д｀）
OOPをちゃんと勉強すれば、調べなくてもすらすら書ける様になるんかなぁ…

*1:所謂無名関数ってやつです。

*2:というかそのまんま…(汗