Question

正如标题所述，当我在JavaScript中添加keydown事件侦听器时，按F-12键将无效。

        window.addEventListener("keydown", function (event) {
            if (event.defaultPrevented){
                return;
            }

            if (event.key == "w" || event.key == "ArrowUp"){
                console.log("test");
            }

            event.preventDefault();
        }, false);

这是我必须在HTML的脚本标签中添加的唯一内容，以防止F-12正常工作。事件监听器正在运行，我正在使用最新版本的chrome。我也正在导入THREE.js，但不导入它不会改变任何内容。

如果需要的话，这里是完整的原始HTML代码。

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <title>My first three.js app</title>
        <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/98/three.min.js"></script> -->
        <style>
            body{
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        </style>
    </head>
    <body>
        <!-- <script src="script.js"></script> -->
        <script>

            window.addEventListener("keydown", function (event) {
                if (event.defaultPrevented){
                    return;
                }

                if (event.key == "w" || event.key == "ArrowUp"){
                    console.log("test");
                }

                event.preventDefault();
            }, false);

        </script>
    </body>
</html>

Answer 1

preventDefault（）;防止出现默认行为

添加一个keydown事件侦听器使我无法通过按chrome中的F-12来检查HTML元素

1 个答案: