【问题标题】:How to switch tab in web application如何在 Web 应用程序中切换选项卡
【发布时间】:2012-11-13 18:52:25
【问题描述】:

我正在开发一个网络应用程序,我需要通过以下方式使用键盘打开/切换标签,

  1. 当我按下 ctrl + alt + 1 tab1 应该打开。
  2. 但是如果我按 2 不释放 ctrl 和 alt,tab2 应该会打开。

我能够实现 1 和 2,但释放 ctrl 和 alt 键。

【问题讨论】:

  • 这不是我的确切代码,但我的代码工作方式类似 var keys = ''; $(document).keydown(function (e) { keys += e.which; }); $(document).keyup(function (e) { if(keys == "171849") $("#Tab1").click(); else if(keys == "171850") $("#Tab2") .click(); 键=""; });
  • 这个是不是必须先打开tab1再打开tab2?
  • 不,我可以随机打开任何人:)

标签: javascript jquery html events keyboard


【解决方案1】:

显然,当您使用 ctrl 和 alt 时,您用来查找按下的键的方式并不好。您可以像这样简单地收听ctrl+alt+1ctrl+alt+2

$(document).keydown(function (e) {
    if (e.ctrlKey && e.altKey) {
        // 97 for key "1"
        if (e.keyCode == 97) {
            // open first tab
            $("#Tab1").click();
        }
        else if (e.keyCode == 98) {
            // 98 for key "2"
            // open second tab
            $("#Tab2").click();
        }
    }
});

【讨论】:

  • 如果有帮助,请投票并接受答案!如果它不起作用,您在这段代码中遇到了什么问题?
  • 工作!!!!!!!非常感谢。希望如果我通过 switch 修改代码而不是因为我有很多关键事件要处理,它会很好地工作。无论如何,谢谢,帮了很多忙
猜你喜欢
  • 2011-11-21
  • 2012-03-18
  • 2021-08-11
  • 1970-01-01
  • 1970-01-01
  • 2022-11-18
  • 2011-03-05
  • 1970-01-01
  • 2015-11-14
相关资源
最近更新 更多