javascript - jQuery のさまざまな要素でさまざまなイベントを実行して、同じ関数をトリガーする

Question

異なる要素が同じ関数を異なるイベントでトリガーする必要がある場合はどうなりますか?

$('#btnNext').on('click', function() { /*Same thing*/ });

$('#txtField').on('change blur', function() { /*Same thing*/ });

これら 2 行を統合して、同じコード行を 1 回だけ記述できるようにする方法はありますか?

Answer 1

「同じ関数をトリガーする」という質問に手がかりを含めました-同じ関数をバインドするだけです：

function commonHandler(e) { /* your code */ }

$('#btnNext').on('click', commonHandler);

$('#txtField').on('change blur', commonHandler);

Answer 2

$('#btnNext').on('click', myMethod );

$('#txtField').on('change blur',  myMethod );

function myMethod()
{
/*Your Code goes here*/
}

Answer 3

ここにあなたのためのjsFiddleがあります

ここでフィドル

 function Commonalert(){alert("Common Alert Message");}

$('#Btn').on('click', Commonalert);

$('#text').on('change blur', Commonalert);