連載
» 2010年04月23日 00時00分 公開

連載:jQuery逆引きリファレンス:第6回 イベント編 (14/14)

[山田祥寛(http://www.wings.msn.to/),著]
前のページへ 1|2|3|4|5|6|7|8|9|10|11|12|13|14       



「連載:jQuery逆引きリファレンス」のインデックス

連載目次


「連載:jQuery逆引きリファレンス」のインデックス

連載目次


 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)
このHTMLを実際にブラウザで開く


ブラウザで開く

リスト103の実行結果

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

「連載:jQuery逆引きリファレンス」のインデックス

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

前のページへ 1|2|3|4|5|6|7|8|9|10|11|12|13|14       

Copyright© Digital Advantage Corp. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。