Wykrywanie klawisza enter w javascript

Question

Chcę uruchomić funkcję w js po naciśnięciu enter.

Gdy robię zmienne do sprawdzenia klawisza

const e = window.e;
var keyCode = e.code || e.key;

Wyświetla się błąd

Cannot read properties of undefined

dla code i dla key

if (keycode === 'Enter')
{
    startTimer();
    console.log('Enter');
}

W konsoli oczywiście nic się nie pojawia prócz błędu

Comments

Jak wykrywasz naciśnięcie klawisza?

---

O co pytasz?

Pisałem, ze robię zmienne z eventem

const e = window.e;
var keyCode = e.code || e.key;

i próbuję wysłać napis enter do konsoli

if (keycode === 'Enter')
{
    startTimer();
    console.log('Enter');
}

po wciśnięciu entera

Answer 1

Hej, nigdzie nie zarejestrowałeś nasłuchiwania na odpowiedni event.
Tutaj przykład z objaśnieniem jak to powinno wyglądać:
 

window.addEventListener('keydown', (event) => { // Tutaj rejestrujemy nasłuchiwanie na odpowiedni event dla całego obiektu window - czyli możemy kliknąć gdziekolwiek
    event.preventDefault(); // opcjonalnie anulujemy domyślne zachowania przeglądarki, jakie mogą być przypisane do tego eventu
    if (event.key === 'Enter') { // Sprawdzamy czy został kliknięty klawisz, którego szukamy
        console.log("enter pressed!") // reagujemy na wciśnięty klawisz
    }
});

Lub to samo ale z innym sposobem przypisania eventu
 

window.onkeydown = (event) => { // Tutaj rejestrujemy nasłuchiwanie na odpowiedni event dla całego obiektu window
    event.preventDefault(); // Tutaj rejestrujemy nasłuchiwanie na odpowiedni event dla całego obiektu window - czyli możemy kliknąć gdziekolwiek
    if (event.key === 'Enter') { // Sprawdzamy czy został kliknięty klawisz, którego szukamy
        console.log("enter pressed!") // reagujemy na wciśnięty klawisz
    }
}

Warto dodać, że możemy nasłuchiwać na różne akcje na klawiaturze. Ja użyłem chyba tego, którego oczekujesz czyli "keydown" ale są jeszcze np "keypress" i "keyup"

To co napisałeś, czyli
 

const e = window.e;

Kompletnie nic nie robi, po prostu z obiektu "window" próbujesz wyciągnąć pole "e", które nie istnieje - sam "window" to jeszcze nie event ;)

Potem próbujesz z nieistniejącego "e" wyciągnąć .code lub .key i stąd leci błąd. No ale jak wspomniałem musisz to napisać kompletnie inaczej 

Answer 2

Polecam też poczytać o rozpoznawaniu klawiszy : https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key#Example
Masz liste przypadków listę listenerów i przykłady użycia, generalnie  to event.

E.window- w kontekście Node.js bedzie całkiem innym obiektem niż w kontekście przeglądarki, ale u Ciebie nie dodajesz jakby reakcji na wykrycie zdarzenia, a tylko przypisujesz zdarzenie do zmiennej keyCode. 

document.addEventListener('keydown', function(event) {
    if (event.key === 'Enter') {
        console.log('Naciśnięto klawisz Enter');
    }
});

powyżej masz przyklad ... sytuacji kiedy nasłuchujesz na zdarzenie, W twoim początkowym kodzie tylko przypisujesz obiekt zdarzenia do zmiennej e, ale nie dodajesz żadnego nasłuchiwania ani żadnej logiki, która miałaby reagować na wywołanie tego zdarzenia.