HTML-lomakkeeseen tapahtumakäsittelijän asettaminen

Anonyymi

Kuinka tätä HTML-lomaketta pitäisi muuttaa, että se antaisi viestin:

"Päätit syötteen ENTER-näppäimen painallukseen"

https://pastebin.com/eD9tySXh

Animaatio, tämän hetken toiminnasta: https://s7.gifyu.com/images/lomake.gif
Kuten huomaat, painikkeet käynnistävät niihin asetetun tapahtumakäsittelijän, mutta TEXT-kenttään annettu enter nollaa lomakkeen, ja se tulisi saada myös suorittamaan sille annettu tehtävänsä.

Huomaa että voit poistaa toisen tyylitiedostoon viittaavan rivin, eli jos sinulla on w3.css tiedosto paikallisesti, poista verkosta noutava rivi, ja jos sinulla ei ole tiedostoa paikallisesti poista tai aseta REM-riviksi, paikallisen tiedoston käyttö:

<!--
<link rel="stylesheet" href="./css/w3.css">
-->

2

159

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Anonyymi

      Auttaisko ao. tapahtuman kuuntelija? Node tarkoittaa kyseessä olevaa elementtiä.

      node.addEventListener("keydown", ({key}) => {
          if (key === "Enter") {
              event.preventDefault();
              // loput stuffit
          }
      })

      • Anonyymi

        No tämä on yksi varma tapa saada aikaan tapahtuman käsittely "Enter" -painikkeelle. Joten toimiva muoto edellä olevasta olisi tässä tapauksessa se että lisätään johonkin kohtaan, vaikka sinne </body> tagin yläpuolelle seuraava JavaScript koodin pätkä:

        <script>
        var elements = document.getElementsByClassName("w3-input w3-border w3-light-grey w3-round w3-border-blue");
        elements[0].addEventListener("keydown", ({key}) => {
        if (key === "Enter") {
        event.preventDefault();
        alert('Päätit syötteen ENTER-näppäimen painallukseen');
        }
        })
        </script>

        Laitan koko HTML -lomakkeen kun pastebin on taas jaloillaan, tällä hetkellä reparoivat jotain, eikä lisäyksiä pääse tekemään.

        Näin se sitten toimii:
        https://s7.gifyu.com/images/lomake1.gif

        Varmaan tähän löytyy muitakin ratkaisuja.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Persujen mukaan rasismi on huumoria

      Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀
      Maailman menoa
      190
      6090
    2. Rasismia kaikkialla näkevät ovat Suomen tyhmimpiä ihmisiä

      ja monillahan kuluu myös mielialalääkkeitä, eli päässä on ongelmia. Mutta he eivät tajua kuinka paljon ja ihan todellis
      Maailman menoa
      151
      5645
    3. BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön

      Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että
      Maailman menoa
      244
      4222
    4. 229
      3531
    5. Hallitus on kaadettava ja Orpon on erottava

      Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main
      Maailman menoa
      117
      3362
    6. Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta

      Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome
      Maailman menoa
      126
      3210
    7. HS 12/25 kysely: persut romahti, demarit raketoi

      Kyyti on kylmää persuleirissä, saattaa vetää siellä silmätkin viirulleen. Sen sijaan SDP:n puoluetoimistolla voidaan pok
      Maailman menoa
      21
      2966
    8. Ei kahta sanaa etteikö Petteri Orpo hyväksy rasismia

      Koska jatkaa hallituksessa rasistisen perussuomalaisiksi itseään kutsuvan puolueen kanssa. Se on Petteri Orpon arvomaai
      Maailman menoa
      9
      2475
    9. Rasismi rapauttaa Suomen mainetta ja hallituksen hiljaisuus pahentaa vahinkoa

      Finnairin viesti Japanista on pysäyttävä: suomalaisen politiikan rasismikohut heijastuvat suoraan matkustuspäätöksiin ja
      Maailman menoa
      190
      2026
    10. Lasse Lehtonen palasi ambulanssilennolla Suomeen

      Nyt on syytä lopettaa irvailu.
      Maailman menoa
      129
      1981
    Aihe