добавление прослушивателя событий keydown не позволяет мне проверять элементы HTML, нажимая F-12 в Chrome - PullRequest
0 голосов
/ 28 ноября 2018

Как гласит заголовок, когда я добавляю прослушиватель событий keydown в свой javascript, нажатие 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>

1 Ответ

0 голосов
/ 28 ноября 2018

preventDefault ();предотвращает поведение по умолчанию

...