A beírt karakterek figyelése 908.
A leütött karakterek megjelenítése
A billentyűk leütését megjelenítő bekezdés azonosítója id="p1" Ez alapján azonosítja be a programunk, hogy melyik bekezdésbe kell megjeleníteni a leütött karaktereket.
Megjegyzés:
Tetszőleges szövegrészben megjeleníthetjük a leütött karaktereket.
Feltétele, hogy a kezdő jelölőcímkéje rendelkezzen egyedi, azaz id azonosítóval, majd ezen egyedi id azonosítót kell a JavaScript programunkba behelyettesíteni a jelenlegi p1 - helyére.
Figyelem:
A karakterek begépelésénél történő hiba esetén, visszatörölni a billentyűvel nem lehet.
A jelen esetben ezen billentyű leütése, weboldali visszalépést eredményez!
A sorlezáráshoz nem alkalmazhatjuk az billentyűt, azaz programunk nem veszi figyelembe.
Ha több, de nem összefüggő karakterből áll mondatunk, akkor a weblapunk szélét elérve automatikusan új sorban folytatódik!
Törölni, az billenytűvel lehet.
Üssünk le, tetszőleges szövegírásra alkalmas billentyűt.
Karakter:
Karakter kódja:
Program megírása
<head
<script language="JavaScript" type="text/javascript">
function LeutottKarakter(e) {
// Melyik billentyűt nyomták le.
if (e.keyCode) keycode=e.keyCode;
else keycode=e.which;
// Az ASCII kód.
karakterkod=keycode;
// Az ASCII kód visszaalakítása karakterré, azaz betűre, a karakterlánc átalakító függvénnyel fromCharCode karakter=String.fromCharCode (keycode);
// Az id="p1" azonosítóhoz tartozó célobjektum megkeresése, azaz, hól jelenítse meg, az új karaktert
vagy karaktereket, és egy tetszőleges változóhoz rendelése, (jelen esetben, változó elnevezése = k)
k = document.getElementById ("p1");
// A karakter hozzáadása (innerHTML) az id azonosítóval rendelkező területhez.
k.innerHTML += karakter;
}
// A karakterkód kiíratása.
kod = document.getElementById ("kod");
kod.innerHTML +=karakterkod+"; ";
</script>
</head>
<body onKeyPress="LeutottKarakter(event);">
<p>Karakter: <br> <span id="p1"> </span> </p>
<p>Karakter kódja:<br> <span id="kod"></span> </p>
</body>
Részletes klaviature, azaz, billentyűzeti események és tesztelésük. Katt ide!
A billentyű leütések észlelésére leggyakrabban az onKeyPress eseménykezelőt használjuk
Melyik billentyűt nyomtuk, vagy nyomták le, az event objektummal határozhatjuk meg, ugyanis a billentyű leütése a böngészőkben, az eseménykezelőhöz továbbítódik.
Mozillában Firefoxban Netscape-ben, az event.which tulajdonság tárolja a leütött karaktereket ASCII kódban.
Internet Explorerben az event.keyCode tulajdonság tárolja a leütött karaktereket ASCII kódban.
Ezért, a billentyű leütését figyelő programunkban, mindkettőt szerepeltetni kell, a feltételes sorban.
Ha az egyik nem teljesül, mert éppen nem abban a böngészőben dolgozunk, akkor vegye figyelembe a másik feltételt, azaz a másik böngésző karakterfigyelőjét.
A leggyakrabban használt számkódrendszer 0-tól 128-ig terjed, ebből a nagybetűk 65-és 90 közötti számok.
A Magyar ékezetes kisbetűk kódjai: á, é, í, ó, ő, ú, ű: 225, 233, 237, 243, 337, 250, 369
A Magyar ékezetes nagybetűk kódjai: Á, É, Í, Ó, Ő, Ú, Ű: 193, 201, 205, 211, 218, 368