【JQuery】異なるイベントで同じ関数を実行する

この記事について

環境jQuery
目的異なるイベント(enterキーとクリック)から同じ処理を実行する
結果共通の関数を定義して両方のイベントから呼ぶ

異なるイベントで同じ関数を実行させたい場合、イベント発生時の処理用に共通の関数を定義して、それぞれのイベントから実行させる。

サンプルスクリプト

//検索欄でenterキーが押されたら実行
$('#kensaku-form').keydown(function() {
	if( event.keyCode == 13 ) {
			myFunc();
		return false; //enterキー無効
	} //if
});


//もしくは検索ボタンが押されたら実行
$('#kensaku-button').click(function(){
	myFunc();
});



//実行される共通の関数
function myFunc() {
	alert('イベントが実行されました');
};
タイトルとURLをコピーしました