|
|
Beírt karakter figyelése.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
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, a Nézet menű Frissítés témakörével lehet.
A következő bekezdés, azaz a leütött karakterek megjelenítésének bekezdése nem lenne látható mindaddig, még valamelyik billentyűt le nem nyomjuk.
Ezért most az elejére beírjuk, hogy Megjelenő karakterek: és kezdjük el a billentyűket leütögetni
Leütött karakterek:
Program megírása
XHTML fájl, body szakasza
<body onKeyPress="LeutottKarakter(event);">
<p id="p1">A billentyűzeten üssünk le egy tetszőleges karaktert, vagy írj be tetszőleges szöveget</u> </strong> <br /> </p>
</body>
JavaScript program
<head
<script language="JavaScript" type="text/javascript">
function LeutottKarakter(e) {
// Melyik billentyűt nyomták le, megkapjuk az ASCII kódot
if (e.keyCode) keycode=e.keyCode;
else keycode=e.which;
//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;
}
</script>
</head>
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