ダウンロード
ヴァージョン
0.0.1
利用できる関数
・AppendListener
HTMLエレメントにイベントリスナーを追加します。
引数は、HTMLエレメント、イベント、オブジェクトもしくは関数、オブジェクトのメソッド(第三引数が関数の場合は省略)。
戻り値は、成功すると true、失敗すると false を返します。
引数は、HTMLエレメント、イベント、オブジェクトもしくは関数、オブジェクトのメソッド(第三引数が関数の場合は省略)。
戻り値は、成功すると true、失敗すると false を返します。
・RemoveListener
HTMLエレメントからイベントリスナーを削除します。
引数は、HTMLエレメント、イベント、オブジェクトもしくは関数、オブジェクトのメソッド(第三引数が関数の場合は省略)。
戻り値は、成功すると true、失敗すると false を返します。
引数は、HTMLエレメント、イベント、オブジェクトもしくは関数、オブジェクトのメソッド(第三引数が関数の場合は省略)。
戻り値は、成功すると true、失敗すると false を返します。
サンプルソース
<html>
<head>
<script type="text/javascript" src="EventListenerUtil.js"></script>
<script type="text/javascript">
var obj1 = new Object();
obj1.func1 = function(){ alert('obj1.func1'); };
function myfunc1(){
alert(this.value);
}
function init(){
var element1 = document.getElementById('button1');
AppendListener(element1, 'onclick', myfunc1); // 関数を onClick イベントに登録
var element2 = document.getElementById('button2');
AppendListener(element2, 'onclick', obj1, 'func1'); // オブジェクトのメソッドを onClick イベントに登録
}
function Reset(){
var element1 = document.getElementById('button1');
RemoveListener(element1, 'onclick', myfunc1); // 関数を onClick イベントから削除
var element2 = document.getElementById('button2');
RemoveListener(element2, 'onclick', obj1, 'func1'); // オブジェクトのメソッドを onClick イベントから削除
}
</script>
</head>
<body onload="init()">
<input type="button" id="button1" value="Click Me"><br />
<input type="button" id="button2" value="Push Me"><br />
<br />
<input type="button" id="button3" value="Remove" onClick="Reset()"><br />
</body>
</html>
<head>
<script type="text/javascript" src="EventListenerUtil.js"></script>
<script type="text/javascript">
var obj1 = new Object();
obj1.func1 = function(){ alert('obj1.func1'); };
function myfunc1(){
alert(this.value);
}
function init(){
var element1 = document.getElementById('button1');
AppendListener(element1, 'onclick', myfunc1); // 関数を onClick イベントに登録
var element2 = document.getElementById('button2');
AppendListener(element2, 'onclick', obj1, 'func1'); // オブジェクトのメソッドを onClick イベントに登録
}
function Reset(){
var element1 = document.getElementById('button1');
RemoveListener(element1, 'onclick', myfunc1); // 関数を onClick イベントから削除
var element2 = document.getElementById('button2');
RemoveListener(element2, 'onclick', obj1, 'func1'); // オブジェクトのメソッドを onClick イベントから削除
}
</script>
</head>
<body onload="init()">
<input type="button" id="button1" value="Click Me"><br />
<input type="button" id="button2" value="Push Me"><br />
<br />
<input type="button" id="button3" value="Remove" onClick="Reset()"><br />
</body>
</html>