EventListenerUtil.js

ダウンロード

EventListenerUtil.js をダウンロード
（リンクを右クリックしてリンク先を保存してください。）

ヴァージョン

0.0.1

利用できる関数

・AppendListener

HTMLエレメントにイベントリスナーを追加します。
引数は、HTMLエレメント、イベント、オブジェクトもしくは関数、オブジェクトのメソッド（第三引数が関数の場合は省略）。
戻り値は、成功すると true、失敗すると false を返します。

・RemoveListener

HTMLエレメントからイベントリスナーを削除します。
引数は、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>

ライセンス

この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。