keydown键盘事件回调函数触发两次是为什么

keydown键盘事件回调函数触发两次是为什么?换成keyup也是一样的

img

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/219414
  • 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：解决keydown重复触发/提交的问题
  • 除此之外, 这篇博客: 【键盘事件】key up中的 示例 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    在这里插入图片描述

    按按钮，元素获得焦点，然后再按键盘，松开即触发keyup

    <!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>

<input id="input1" type="button" value="keyup" onkeyup="keyup()" >
<input id="input2" type="button" value="keyup2" onkeyup="keyup2()" >
<input id="input3" type="button" value="keyup3" onkeyup="keyup3()" >
</body>
<script>
    $(function () {
        $("#input1").keyup(function () {
            $("#input1").css("color","red");
        });
        $("#input2").keyup(function () {
            $("#input2").css("color","pink");
        });
        $("#input3").keyup(function () {
            $("#input3").css("color","blue");
        });

    });
</script>

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^