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
193
Vastaukset 2
- 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
Ny se loppuu ( Kuhmo)
Yhtiö on myyty. Notta yyteet meleko äkkiä, notta. Pelastautukoon ken voi. Notta se on tuulista pian.922909Parikymppinen hakkasi nelikymppisen kriittiseen tilaan
Ja ihminen jäi junan alle lautiosaaressa...paljon on taas sattunut ja tapahtunut. Ketähän nämä uhrit mahtaa olla 🤔 htt462406Kaivattusi tärkein ulkoinen tuntomerkki
Onko jokin muu kuin yleinen kuten kaunis, laiha. hyväkroppainen jne.421156- 371017
Äimän käki
Olen vähää vaille viisikymppinen mies, ja olen elellyt ilman parisuhdetta parisen vuotta. Nyt vihdoin ja viimein tuntuu,153869Paikallinen autokorjaamo
Kyllä alkaa vituttamaan, palvelua haluaisi niin jono ovelle ja yksi myyjä. Auto valmistunut kuntoon niin kukaan ei ilmoi9744Mitä tuot pöytään parisuhteessa?
Siinäpä se kysymys on otsikossa. Mitäpä siis tuot/toisit pöytään parisuhteessa? Oletko mies vai nainen? Koetko sen mitä221722Nainen, miten suhtautuisit
Jos mies ehdottaisi tapaamista? Entä siihen, jos mies kertoisi tapaamisessa tunteistaan ja haluaisi seurustella?587102 km on nykyään liian pitkä koulumatka
Hesarissa päivitellään lapset joutuu nyt kulkemaan 2 km kouluun jösses. Ruostefillarilla tuo matka menee vaikka miten äk48648- 36601