連載：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フィード

＠IT 新着記事

キャリアアップ

- PR -
＠IT Sepcial
→ ＠IT Special ヘ

イベントカレンダー

PickUpイベント

- PR -
もっと見る
- PR -

お勧め求人情報

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

＠IT Sepcial
→ ＠IT Special ヘ
ソリューションFLASH