jqueryのonを使って複数イベントをバインドする

jQuery1.7からイベントのバインドがon/offで統一できるようになったけど、
delegateする場合にひとつのターゲットに複数のイベントを登録する方法が分からなく困ったので、適当にやってたら出来たのでメモ。

onでdelegateする場合はこんな感じで書く。

$(E).on( event,selector, fn);

ひとつのターゲットに複数イベントを設定する場合はこんな感じ。

$(E).on({
	event1:function(e){
		// fn
	},
	event2:function(e){
		// fn
	}
},selector);

liveでイベント登録してた時は、$(E).live(selector,fn)だったから分かりやすかったけど、onだと引数3つあったから使い方がよく分かりませんでした。。

意外とやってみると出来るもんですね。

jqueryのonを使って複数イベントをバインドする

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です