連載:jQuery逆引きリファレンス

【イベント編】

イベント・リスナの関連付けを破棄するには?
− die([type [,fnc]]) −

山田 祥寛(http://www.wings.msn.to/
2010/04/23

 unbindメソッドは、liveメソッドによって関連付けたイベント・リスナを破棄します。

 引数type(イベント)、fnc(イベント・リスナ)を指定することで、特定のイベント・リスナのみを破棄することもできますし、引数typeのみを指定した場合にはイベントに対応するすべてのイベント・リスナを破棄できます。また、引数がすべて省略された場合、要素セットに関連付いたすべてのイベント・リスナを破棄します。

 具体的な例を見てみましょう。以下はliveメソッドによって登録されたclickイベント・リスナを破棄する例です。

<script type="text/javascript">

$(function() {

  // ボタン・クリック時にボタンを追加
  $(':button').live('click', function() {
    $('form').append($('<input type="button" value="追加" />'));
  });

  // clickイベント・リスナを破棄
  $(':button').die('click');
});

</script>

  ……中略……

<form>
  <input type="button" value="追加" />
</form>
リスト103 liveメソッドで登録されたイベント・リスナを破棄(Die.html)

ブラウザで開く

リスト103の実行結果

 dieメソッドでclickイベント・リスナが無効化されていますので、ボタンをクリックしても何も起こら“ない”ことが確認できます。



 INDEX
  jQuery逆引きリファレンス
   1.セレクタ編
   2.属性&コンテンツ編
   3.トラバーシング編
   4.要素の操作&ユーティリティ編
   5.コア編
  6.イベント編
   7.エフェクト編
    8.Ajax編(前編)
    9.Ajax編(後編)
    10.jQuery 1.4編
 
インデックス・ページヘ  「jQuery逆引きリファレンス」

TechTargetジャパン

Insider.NET フォーラム 新着記事

@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

RSSフィード

キャリアアップ

- PR -
@IT Sepcial

イベントカレンダー

PickUpイベント

- PR -
もっと見る
- PR -

お勧め求人情報

ホワイトペーパーTechTargetジャパン

@IT Sepcial
ソリューションFLASH