• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Funcja nie reageuje na wciśnięcie klawisza enter

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
0 głosów
390 wizyt
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

+1 głos
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.

1
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
  }
});
+2 głosów
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
pytanie zadane 10 lutego 2024 w JavaScript przez Piotrek2713 Mądrala (5,520 p.)
0 głosów
1 odpowiedź 920 wizyt
pytanie zadane 24 lutego 2018 w JavaScript przez Karol96 Nowicjusz (150 p.)
0 głosów
1 odpowiedź 1,363 wizyt

93,443 zapytań

142,434 odpowiedzi

322,691 komentarzy

62,805 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

...