jQueryのイベントで別のイベントを発火する

jQueryのイベントで、別のイベント内容を実行させる方法をメモ。

サンプルコード

trigger()を使って、sample2ボタンをクリックした時に、sample1ボタンをクリックした時のイベントを実行してみます。

HTML

<button id="sample1">sample1</button>
<button id="sample2">sample2</button>

JavaScript

$(function() {
	$('#sample1').on('click', function() {
		alert('sample1がクリックされました。');
	});

	$('#sample2').on('click', function() {
		$('#sample1').trigger('click');
	});
});

jQueryのイベントを発火させるデモページ
　

【参考サイト】

• 【jQuery】イベント発火方法 – Qiita