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">
-->
HTML-lomakkeeseen tapahtumakäsittelijän asettaminen
Anonyymi
2
156
Vastaukset
- 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
NO NIIN! Nyt on sitten prinsessa Sannan sädekehä lopullisesti rikottu
narsistia ei kannata enää kuin ne fanaattisimmat kulttilaiset, jotka ovat myös sitä Suomen heikkoälyisintä sakkia. Kun1074609Kansa haluaa Marinin hallituksen takaisin ja Orpon pois
Suomen kansa on nyt ilmoittanut millaisen hallituksen Suomi tarvitsee. "Suomalaisten suosikki seuraavaksi hallituspohja1734385Mikä piirre kaivatussa on sinulle se juttu?
Tunnetko kaivattuasi vai onko hän haavekuva, jota et edes tunne? Joskus tää asia ei ole niin selvää.941730- 4031661
HihhuIi-Päivi täpinöissään Viktorin tapaamisesta
Eiköhän nyt kaikille ole vihdoin selvää kenen joukoissa tämäkin putinisti seisoo. https://www.iltalehti.fi/politiikka/a331423Ensitreffit Matti ei vaikene enää - Rehellinen tilitys epäonnistuneesta suhteesta Elisaan
Häntä pystyyn, Matti! Olet mahtava tyyppi ja varmasti “se oikea” löytyy vielä! Elisan kanssa ei nyt vaan sitten natsann61109Upeeta! Rauha tulee pian!
Hieno suunnitelma ja se on toteutumassa alle kahdessa viikossa. Jihuu! Tätä on odotettukin, nyt se tulee! https://www.is3531100- 67989
- 56964
- 92938