Umbrella - にほんご。

off

.off(event, listener)

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


パラメータ

event : string
任意の数のイベント。(clickや、mouseover等)
listener : function
イベントから削除する関数。
.off('event1')
.off('event1 event2 eventN')
.off('event1,event2,eventN')
.off(['event1', 'event2', 'eventN'])

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が表示されます。
//イベントを削除
u('.off-multiple-test').off('click', listener);
//イベントをトリガー
u('.off-multiple-test').trigger('click'); //alertは表示されません。

デモ

"PUSH"ボタンを押すと、console.logに"on click"と出力しますが、 "off"ボタンを押すとイベントが削除され、 "PUSH"を押してもconsole.logを出力しません。

JavaScript

const listener = function() {
  console.log('on click');
}
u('#demo').on('click', listener);
u('#demo2').on('click', function() {
  u('#demo').off('click', listener);
});

HTML

<button id="demo" type="button">PUSH</button>
<button id="demo2" type="button">off</button>

関連項目

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

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

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

© 2014 Francisco Presencia Released under the MIT license

このコンテンツはFrancisco Presencia(franciscop)によるUmbrella JSドキュメントを翻訳/改変したものです。