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

151

    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. Vassarina hymyilyttää vaurastuminen persujen kustannuksella

      Olen sijottanut määrätietoisesti osan Kelan tuista pörssiosakkeisiin, ja salkku on paisunut jo toiselle sadalle tuhanne
      Maailman menoa
      20
      2317
    2. Riikka runnoo: Elisalta potkut 400:lle

      Erinomaisen hallitusohjelman tavoite 100 000 työllistä lisää yksityisellä sektorilla on kohta saavutettu. Toivotaan toiv
      Maailman menoa
      45
      2174
    3. Pääseekö kuka tahansa hoitaja katselemaan kenen tahansa ihmisen terveystietoja?

      "Meeri selaili puhelinta uteliaisuuttaan ja katuu nyt – Moni hoitaja on tehnyt saman rikoksen Tuttujen ihmisten asiat k
      Maailman menoa
      65
      1718
    4. Niinistö neliraajajarrutteli Natoon liittymistä vielä sodan alettua

      Myöntää nyt itsekin, mikä jo aikaisemmin tiedettiin. Marin vei Suomen ja Ruotsin Natoon. "”Myönnän auliisti jarruttelle
      Maailman menoa
      194
      1677
    5. Kokoomus on Suomen kommunistisin puolue

      "Hallituksessa on erimielisyyttä siitä, kuinka suuri osa veronkiristyksestä hyvitetään datakeskuksille uudella erillisel
      Maailman menoa
      81
      1618
    6. Jalankulkija kuoli. Poliisi etsii mustaa BMW Coupe -autoa, jossa on punertavat vanteet.

      Jalankulkija kuoli jäätyään auton alle Joensuussa – kuljettaja pakeni, poliisi pyytää havaintoja https://www.mtvuutiset.
      Joensuu
      57
      1571
    7. Nainen rakas

      Mulle on alkanut tulla sellainen olo että meistä tulee ehkä pariskunta vielä 😌
      Ikävä
      113
      1480
    8. Pyyntö Teelle

      Voisitko nyt vaan ystävällisesti laittaa viestin?
      Ikävä
      91
      1186
    9. Martina haluaa tasoisensa miehen

      Seiskassa juttu minkälaisen miehen Martina haluaa. Kumppanin pitää tuoda hänen herkkyytensä ja vahvuutensa esiin sekä ol
      Kotimaiset julkkisjuorut
      240
      1037
    10. Voi ei! Katja Ståhl joutui sairaalaan - Syynä tämä vitsaus - Koskettava päivitys sairaalasängystä

      Pikaista paranemista, Katja! Katja Ståhl on kertonut somessa joutuneensa sisään sairaalaan. Lue lisää: https://www.suom
      Suomalaiset julkkikset
      21
      915
    Aihe