off

.off(event, listener)

マッチした要素からイベントを削除します。

.off('event1')
.off('event1 event2 eventN')
.off('event1,event2,eventN')
.off(['event1', 'event2', 'eventN'])

パラメータ

event: string

任意の数のイベント。(clickや、mouseover等)

listener: function

イベントから削除する関数。

例

HTML

<ul>
  <li class="off-single-test">1</li>
  <li class="off-multiple-test">2</li>
  <li class="off-multiple-test">3</li>
</ul>

JavaScript

const listener = function() {
  alert('called');
}

//リスナー追加
u('.off-multiple-test').on('click', listener);
//イベントをトリガー
u('.off-multiple-test').trigger('click'); //Alert appears
//イベントを削除
u('.off-multiple-test').off('click', listener);
//イベントをトリガー
u('.off-multiple-test').trigger('click'); //No alert

デモ

"PUSH"ボタンを押すと、"on click"と出力しますが、 "off"ボタンを押すとイベントが削除され、 "PUSH"を押しても"on click"を出力しなくなります。

JavaScript

const listener = function() {
  u('#demo div').append('<span>on click</span>');
}
u('#btn').on('click', listener);
u('#off').on('click', function() {
  u('#btn').off('click', listener);
});

HTML

<div id="demo">
  <button id="btn" type="button">PUSH</button>
  <button id="off" type="button">off</button>
  <div></div>
</div>

関連項目

.on() イベントがトリガーされた時に関数を呼び出します。

.handle() .on()と同様ですがe.preventDefault()を実行します。

.trigger() マッチした全ての要素のイベントを呼び出します。