イベント・UI:

イベントリスナの削除

指定したオブジェクトに設定されているイベントリスナを削除する。

Object
対象とするオブジェクトを渡す window または DOM Object(Node)
String
イベントのタイプを渡す ※「on〜」のonを省いた形
  • 【window用】load, resize, unload など
  • 【DOM Node用】click, museover, mouseout, mousedown, mouseup, keypress, keydown, keyup, change など
Function
削除する関数名を指定
●必須引数 ●オプション引数(省略可能)

記述例

$delEL(window, 'resize', aFunction)
$delEL($id('aNode'), 'mouseover', aFunction)

動作サンプル

input の onkeyupイベントに設定された関数を削除する。設定する関数は、有効なHEX値が入力されると input自体の背景色を変化させる内容となっている。

HTML : <form> <input type="text" id="sample1" value="FFFFFF"> </form>
Javascript : $addEL($id('sample1'),'keyup',func1,true); function func1() { // input要素のonkeyupイベントで実行される $id("sample1").style.backgroundColor="#"+$id("sample1").value; } function func1reset() { $delEL($id('sample1'),'keyup',func1); //イベントリスナを削除 $id("sample1").value="FFFFFF"; $id("sample1").style.backgroundColor="#FFFFFF"; }

指定Nodeの onmouseover と onmouseoutイベントに関数を設定する。設定する関数は、指定Nodeの背景色を変える内容となっている。

ポインタをロールオーバーして確認
Javascript : function func3reset() { $delEL($id('sample2'),'mouseover',func3over); $delEL($id('sample2'),'mouseout',func3out); }
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。