javascript - JQuery keydown 事件仅触发一次，除非发生其他情况

Question

我正在尝试显示一个很棒的字体“？”当用户按住“alt”键时，在每个具有“.info”类的元素之后。它似乎有效，但当我释放“Alt”并尝试再次按下它时，什么也没有发生。但是当我单击该文档时，它再次起作用。请参阅代码示例:

    jQuery(document).ready(function ($) {
    var keyDown = false;
        $(document).on("keydown", function (e) {
        console.log(keyDown);
        if (e.key == "Alt") {
            if (!keyDown) {
                $('.info').each(function () {
                    $(this).after("<a style=\"color:black;postion:absolute;\"><i class=\"fas fa-info-circle\"></i></a>");
                });
            }
            keyDown = true;
        }
        });
        $(document).on("keyup", function (e) {
        if (e.key == "Alt") {  
            console.log("alt released");
            $('.info').each(function () {
                $(".fa-info-circle").remove();
            });
            keyDown = false;
        }
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="info">Test</p>

编辑:当使用另一个键(我测试了“i”)时，它似乎工作正常，所以我认为这可能是 Chrome 的问题。

Answer 1

Chrome 有许多使用 alt 的键盘快捷键 - 例如 alt + home 可带您进入主页。

您可以在此处查看所有快捷方式:

https://support.google.com/chrome/answer/157179?hl=en-GB

如果您想覆盖 Chrome 的行为(我不建议这样做)，您可以将 e.preventDefault() 添加到您的 keydown 函数中。