javascript - jQuery: クリック イベントで一緒にキーボード イベントを同じようにする方法

Question

クリックイベントと右矢印を同じイベントにする必要があります

したがって、この繰り返されるコードの代わりに

$('#foo').on('click',function() {
    //do something
});

$(document).keydown(function(e){
   if (e.keyCode == 39) {
    //do the same thing above
   }
});

どうすればいいですか？

ありがとうございました ：）

Answer 1

両方で同じ関数を呼び出すか、代わりに keydown で実行できます

$('#foo').trigger('click');

Answer 2

両方が同じ機能をトリガーするようにします。

$('#foo').on('click', CoolFunction);

$(document).keydown(function(e){
   if (e.keyCode == 39) {
    CoolFunction();
   }
});

function CoolFunction() {
  //same thing
}

Answer 3

組み込みの JavaScript を使用して、両方が同じコンテキストを持つようにします。トリガーは使用しないでください。副作用があります。

$('#foo').on('click', commonFn);

$(document).keydown(function(){
   if (e.keyCode == 39) {
    commonFn.apply(this,arguments);
   }
});

function commonFn() {
  //same thing
}