【问题标题】:Enter button works as tab输入按钮用作选项卡
【发布时间】:2016-04-04 08:40:46
【问题描述】:

我只有一个页面中的按钮,没有别的

<button>hello</button>

当我打开页面并按 Tab 键时,它会出现按钮,但我希​​望它以这样一种方式,即如果我按 Enter 键,它应该会出现该按钮。

这是我写的代码,但它不起作用

$(document).ready(function () {
$('.EntTab').on('keydown', function (e) {
    if (e.keyCode == 13) e.keyCode = 9;
    return false;
});
});

需要帮助来解决这个问题。

【问题讨论】:

    标签: html button enter


    【解决方案1】:

    检查一下!

    $(function() {
      $(document).keydown(function(e) {
        if (e.keyCode == 13) {
          $("button#hel").focus();
        } else if (e.keyCode == 9) {
          var e = jQuery.Event("keydown", {
            keyCode: 9
          });
          $(document).trigger(e);
        }
        return false;
      });
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <button id="hel">hello</button>
    <button>hello</button>
    <button>hello</button>

    【讨论】:

    • 不,它不会出现 hello 按钮。即使选项卡现在也不起作用。它对你有用吗?
    • 如果我有两个按钮,我只想对第一个按钮执行此操作?
    • idclass 添加到按钮。否则使用$("button:nth-child(1)").focus();,这会选择第一个按钮。
    • 如果使用 id $("button#hel").focus();,如果是类使用 $("button.hel").focus();
    • 它可以工作,但我的标签不适用于下一个按钮!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-28
    • 2014-12-10
    • 1970-01-01
    • 2019-06-07
    • 2019-06-08
    • 1970-01-01
    相关资源
    最近更新 更多