サイト制作に関するメモ書き

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

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のイベントを発火させるデモページ
 

【参考サイト】

 

コメントを残す

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

▲PAGE TOP