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
114
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
Klaukkalan onnettomuus 4.4
Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes1034613Yleltä tyrmäävä uutinen
Ylen uutisen mukaan Raamattu on keksitty n. 2600. Putoaako kristinuskolta pohja kokonaan alta pois? https://yle.fi/a/743891368- 1861062
Pakko kertoa mies
Äitini tietää, että olen ihastunut sinuun. 😳 halusin että hän näkisi sinun kuvan ja pyysin googlaamaan sinua. Kommentti1091052Sinä vain tulit elämääni
Ja joku tarkoitus sillä on ollut. Näyttämään mitä olen ja kuinka arvokas voisin olla. Se muutti ja käänsi elämäni suunna86970Millaisia ajatuksia on kaivatusta ja tilanteestanne tänään?
Kerro omista mietteistäsi tai lähetä terveisiä. Ehkä hän lukee ja lähettää sinulle takaisin omia mietteitään.47911- 64901
Riitta-Liisa ja Toni Roponen: Ero! Riitta-Liisa Roponen kertoo asiasta Instagramissa.
Riitta-Liisa ja Toni Roponen eroavat. Riitta-Liisa Roponen kertoo asiasta Instagramissa. – Talvi on ollut elämäni synk11882tilitoimistopiirainen huutaa
mikä tää piiraisen tilitoimistomies oikee on? olin kuullut vaikka mitä huhuja, että ihan valtavan äkkipikanen mies mutt10877- 64866