忍者ブログ

suzrinブログ

HTML,CSS,Javascript,Nikon D5000での撮影記録あとPCパーツ大人のゲームなどなど
<< 明日のドライブ予定ルート! HOME Aptana studio 3.1.1 >>

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

JQueryでのイベントハンドラへのAttach

JQuey1.7から.bind()、.delegate()、.live()が
.on()、.off()
に統合されてます。よく忘れるのでメモ!
<div id="outer"><p id="inner">くりっく!</p></div>
.bind()は
$('#inner').on('click.hoge',function(){});
.delegate()は
$('#outer').on('click.hoge','#inner',function(){});
.live()は
$(document).on('click.hoge','#inner',function(){})
イベント名にドット足すネームスペースと書くことによって
同じイベントに多重アタッチしても目当ての物だけデタッチできますので、ネームスペース付けるといい!
あと外からデータを渡したいときは
$('#outer').on('click.hoge','#inner',{arg:'でーただよー'},function(event){
alert(event.data.arg);
});
として渡せます。
どこにデータが格納されるのかFirebugとかで確認してみてください。
パフォーマンスは
delegate>live>bind
らしい?(未検証)

最後にdelegateを使って多重アタッチしてるときはstopPropagation()でバブリングを停めておくこと!
<a>の時はpreventDefault()でね!
IEはシラネーYO!

var hoge = function(){};
で処理作って.on()で簡単イベント管理!
PR
この記事にコメントする
お名前
タイトル
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
カレンダー
03 2017/04 05
S M T W T F S
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
ブログ内検索
ツイッター
フリーエリア
18歳未満には不適切な内容がある場合が有ります閲覧にはご注意ください。 詳しくはりーどみーをご覧くださいお願いします
blogに関する連絡はこちらまで"suzrinあっとまーくmail.goo.ne.jp"
最新コメント
[06/24 kz]
[10/16 haru]
[10/12 haru]
[06/08 nshi]
[11/15 まつかわ]
最新トラックバック
カウンター
クロシェットさんの新作プリズムリコレクションからアイナちゃん!
【プリズム◇リコレクション!】情報ページ公開中!
ストレガさんの新作木洩れ陽のノスタルジーカのフロゥちゃん\(>ヮ<)/
『木洩れ陽のノスタルジーカ』応援中です!
はいぺりよんさんのシストリのるなちー
シストリ抱き枕注文受付中!
フェイバリットさんの新作色とりどりのひかり!
いろとりどりのヒカリ 応援中!!
Chuableさんの新作アステリズム 応援CHU
姉さんに恋をして、姉さんも恋をして、姉さんと恋をした。 アステリズム 応援中!
AXLさんの新作から月海ちゃん応援中!
AXL新作第8弾 2012年春発売予定!
Meteorさんの新作Princess-Styleから一宮菖蒲ちゃん応援中!
『Princess-Style』応援中です
YUZU SOFTさんの新作とSAGAPLANETSさんの新作応援中!
はつドラ合同バナーキャンペーン開催中
loseさんの新作『ものべの』応援中!
ものべの - 夏葉
Favoritさんの新作いろとりどりのセカイ
いろとりどりのセカイ 応援中!!
<< 明日のドライブ予定ルート! HOME Aptana studio 3.1.1 >>
忍者ブログ [PR]