【Javascript】特定の要素に対して複数のイベントを設定する。

めも。

例えば以下のようなボタン要素に対して複数のイベントをバインドさせたい場合。

<button class="js_btn">Click</button>

下記の様にaddEventListener()メソッドを用いることで同時に複数のメソッドを結びつけることができる。

<script>
var obj = {};

obj.hoge = function(){
	alert('hoge');
}

obj.piyo = function(){
	alert('piyo');
}

obj.fuga = function(){
	alert('fuga');
}


$(function(){
	var btn = document.querySelector('.js_btn');
	btn.addEventListener('click', obj.hoge, false);
	btn.addEventListener('click', obj.piyo, false);
	btn.addEventListener('click', obj.fuga, false);
})
</script>