jquery - 如何为各个 JQuery 选项卡创建不同的键盘命令集？

Question

如何创建不同的键盘命令集以用于不同的 JQuery 选项卡。

我希望当选择 $(#tab-1) 时，键盘键 1 -> 8 能够触发位于 $(#tab-1) 上的 8 个单独按钮的点击事件。

我还希望相同的键盘键 1 -> 8 能够在选择 $(#tab-2) 时触发位于 $(#tab-2) 上的一组不同按钮的点击事件。

我想我可能需要根据选择的选项卡在多个 switch case 功能之间切换？我走在正确的轨道上吗？任何想法都非常感激。

Answer 1

使用全局变量

var tab_id = 'tab-1';

当单击每个选项卡时更改全局变量

$('.tab').click(function(){

   tab_id = $(this).attr('id');

});

现在，当单击 1-8 时，您可以像这样选择每个选项卡中的按钮......

    $('body').keypress(function(e){

         var code = (e.keyCode ? e.keyCode : e.which);
         if(code == 49) {

              $("#"+tab_id+" > #button_1").trigger('click'); 
         }
         else if(code == 50) {

              $("#"+tab_id+" > #button_2").trigger('click'); 
         }
   });