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

143

    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 VigeIius noIasi taas itsensä

      Kun uhriutui vuonna 2024 (siis persujen "vahtivuorolla") Tampereella aloittaneen perheryhmäkodin toiminnasta. ”Leviää k
      Maailman menoa
      239
      4409
    2. Kotihoito suomussalmella

      Mitämieltä ootte suomussalmen kotihoidosta?
      Suomussalmi
      17
      4169
    3. Oli kiva nähdä sut

      vaikkakin kaukaa ja nopeasti. Tiedän kyllä tasan tarkkaan missä mennään, joten anteeksi jos pilasin päiväsi, ei ollut mi
      Suhteet
      39
      4011
    4. Joko alkaa menemään tajuntaan tämä yliluonnollinen yhteys?

      Varmaan pikkuhiljaa. Muista olla kiltisti ❤️
      Ikävä
      34
      3925
    5. Maataloustuet pois

      Jokainen maksakoon harrastuksensa itse. Eihän golfin peluutakaan maksa yhteiskunta.
      Maailman menoa
      165
      3848
    6. Kohtalokas laukaus

      IL 20.9.25 "Ihminen kuoli baarin edustalla Kajaanissa Poliisi ei epäile tapauksessa rikosta." "Kajaanin keskustassa on k
      Kajaani
      26
      3822
    7. Työeläkkeen saamiseksi olisi tehtävä töitä

      Meillä on Suomessa iso joukko ihmisiä, joilla olisi vielä työkykyä jäljellä, mutta joilta puuttuu arjesta mielekäs tekem
      Maailman menoa
      124
      3572
    8. Joulukinkku NYT

      Sian kankuista tulee vielä pula. Nyt on oikea aika hankkia joulukinkku.
      Maailman menoa
      20
      2974
    9. Muistattekos kun Sannan aikana suomalaisten varallisuuteen lisättiin viidennes

      Köyhät voittivat eniten mutta rikkaimmat kuitenkin köyhtyi!
      Maailman menoa
      19
      2915
    10. Jos voisit kysyä

      Kaivatultasi vielä yhden kysymyksen, mikä se olisi? Aloitan: Mitä sinä halusit minusta?
      Ikävä
      262
      2640
    Aihe