Funcja nie reageuje na wciśnięcie klawisza enter

pytanie zadane 17 września 2023 w JavaScript przez Piotrek2713 Mądrala (5,520 p.)

Pisze krótki kod, który ma za zadanie oczekiwać na zdarzenie klawiatury (Naciśnięcie klawisza enter) oraz wywołanie funkcji

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" name="" id="text" value="">
    <script src="main.js">
    </script>
</body>
</html>

const p = document.querySelector('#demo');
const input = document.querySelector('#text');
let inputValue = 'Wartość';
input.addEventListener('keydown', e =>{
    if(e.keycode === 13)
    {
        input.value = inputValue;
        console.log(e.keycode);
    }
});

        inputValue = input.value;

W ten sposób też próbowałem

2 odpowiedzi

odpowiedź 17 września 2023 przez Visual Studio Kot Bywalec (2,550 p.)
wybrane 17 września 2023 przez Piotrek2713

Najlepsza

Masz

e.keycode

zamiast

e.keyCode

poprawiony kod

const p = document.querySelector('#demo');
const input = document.querySelector('#text');
let inputValue = 'Wartość';

input.addEventListener('keydown', e => {
  if (e.keyCode === 13) { 
    input.value = inputValue;
    console.log(e.keyCode);
  }
});

komentarz 17 września 2023 przez Velta Maniak (52,830 p.)

BTW, właściwość keyCode jest zdeprecjonowana.

komentarz 17 września 2023 przez Visual Studio Kot Bywalec (2,550 p.)

Oczywiście, można też to zrobić tak

input.addEventListener('keydown', e => {
  if (e.key === "Enter") {
    // obsługa klawisza Enter
  }
});

lub tak

input.addEventListener('keydown', e => {
  if (e.code === "Enter") {
    // obsługa klawisza Enter
  }
});

odpowiedź 17 września 2023 przez adrian17 Mentor (354,120 p.)

keycode -> keyCode?

BTW zamiast kodem liczbowym, można też prościej

if (e.key == "Enter") {

komentarz 17 września 2023 przez Comandeer Guru (607,060 p.)

Własność key jest wręcz zalecana obecnie, podczas gdy keyCode oficjalnie uznano za przestarzałą.

Podobne pytania

0 głosów

2 odpowiedzi 351 wizyt

Wykrywanie klawisza enter w javascript

pytanie zadane 10 lutego 2024 w JavaScript przez Piotrek2713 Mądrala (5,520 p.)

0 głosów

1 odpowiedź 920 wizyt

skrypt do czasowego użycia klawisza ENTER

pytanie zadane 24 lutego 2018 w JavaScript przez Karol96 Nowicjusz (150 p.)

0 głosów

1 odpowiedź 1,363 wizyt

Program po wczytaniu łańcucha znaków nie czeka na wciśnięcie klawisza

pytanie zadane 22 września 2016 w C i C++ przez Sidzej Użytkownik (850 p.)

Funcja nie reageuje na wciśnięcie klawisza enter

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci