Weblap Hová jutunk?

A beírt karakterek ASCII kódja 907.

ASCII kódok lekérdezését és visszaállítását, lásd lent.

A leütött karakterek ASCII kódjának megjelenítése

A billentyűk leütését megjelenítő objektumrész azonosítója id="h51" Ez alapján azonosítja be a programunk, hogy weboldalunk melyik területén kell megjeleníteni a leütött karaktereket.

Megjegyzés:
Tetszőleges szövegrészben megjeleníthetjük a leütött karakterek ASCII kódjait.
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 h51 - helyére.

Figyelem:
A karakterek begépelésénél történő hiba esetén, visszatörölni a BackSpace billentyűvel nem lehet. A jelen esetben ezen billentyű leütése, weboldali visszalépést eredményezhet.
Szóköz billentyű leütésekor, kiírja a szóköz kódját és oldalgörgetés is megtörténhet.
Ha oldalgörgetés is megtörtént, akkor görgessünk vissza és folytathatjuk a beírást.

Ha új karaktersort akarunk beírni, akkor frissítsük az oldalt! ( Nézet menüből vagy bőngészősávból vagy F5 billentyűvel.)

A billentyűzeten üssünk le egy tetszőleges karaktert, vagy írd be saját nevedet, és megtudhatod betűid ASCII kódját.

Leütött billentyűk ASCII kódjai, itt jelennek meg:

HTML fájlba így kell beírni, kódolt formátumba:




Program megírása

<html>
<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;

// A leütött billentyű ASCII kódja.
karakterkod=String (keycode);

// Az id="h51" és id="htmlbe" azonosítóhoz tartozó célobjektumok megkeresése.
k = document.getElementById ("h51");
htmlkod = document.getElementById ("htmlbe");

// Karakterkód kiíratása (innerHTML) az id="h51" azonosítóval rendelkező területen.
// A "\n" + karakterek jelentősége, leütött karakterek ASCII kódjai elkülönüljenek egymástól, azaz,
// ne egy folyamatos számsort kapjunk több karakter leütésekor.
k.innerHTML += "\n" + karakterkod;

// HTML fájlba így kell beírni, kódolt formátumba:
var webre='&#038;&#035;'+karakterkod+';';
htmlkod.innerHTML += webre;
}

</script>
</head>

<body onKeyPress="LeutottKarakter(event);">

<h5 id="h51">>A billentyűzeten üssünk le egy tetszőleges karaktert, vagy írd be saját nevedet, és megtudhatod betűid ASCII kódját <br /> <u> Leütött billentyűk ASCII kódjai, itt jelennek meg:</u> <br /> </h5>

<hr>
<p><strong>HTML fájlba így kell beírni, kódolt formátumba:<br><span id="htmlbe"></span></strong></p>
<hr><br>

</body>
</html>

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



Kódok lekérdezése és visszaállítása.

Kód lekérdezés: charCodeAt()
Visszaadja a karakterlánc, elemszám szerintí Unicod-ját.
Az első karakter indexe 0, a második karakter 1 és így tovább.
Az utolsó karakter indexe -1, a második utolsó karakter -2 és így tovább.
Ez a módszer "NaN" értéket ad vissza, ha a megadott indexnél nincs karakter, vagy ha az index kisebb, mint "0".
Példa:
var str = "HELLO WILÁG";
Első karakter kódja:
var n = str.charCodeAt(0);
utolsó karakter kódja:
var nu = str.charCodeAt(str.length-1);

Kód konvertálása karakterré: String.fromCharCode()
Példa:
var kar = String.fromCharCode(65);
document.write (kar +'<br />');
Egyszerre több Unicode szám konvertálása karakterré:
document.write (String.fromCharCode(65,193,69)+'<br />');


JavaScript megírása:JavaScript eredménye:
<script language="JavaScript" type="text/javascript">
var str = "HELLO WILÁG";
// Visszaadja karakterlánc első karakterének ("H") Unicod-ját.
var ne = str.charCodeAt(0);
document.write ('Szöveg, első karakter kódja = '+ ne +'<br /><hr>');

// Visszaadja karakterlánc utolsó karakterének ("G") Unicod-ját.
var nu = str.charCodeAt(str.length-1);
document.write ('Szöveg, utolsó karakter kódja = '+ nu +'<br /><hr>');

// Egy karakterkód meghatározása, változóhoz rendelésnél.
var kar1 = "í";
var egyk = kar1.charCodeAt(0);
document.write ('Egy karakter ( í ) kódja változóval = '+egyk +'<br /><hr>');

// Kód meghatározása, karakter közvetlen beírásával.
document.write ('Egy karakter ( í ) kódja közvetlen = ');
document.write ('í'.charCodeAt() +'<br /><hr>');

// Karakterlánc tetszőleges karaktere, index-szám alapján.
// Változóhoz rendeléssel:
var ek = str.charAt(0);
document.write ('Első karakter változóval = '+ ek +'<br /><hr>');


// Közvetlen beírással.
document.write ('Első karakter közvetlen = '+ str.charAt(0) +'<br /><hr>');


// Unicode szám, konvertálása karakterré:
var kar = String.fromCharCode(65);
document.write ('Unicode 65 karaktere változóval = '+ kar +'<br />');
document.write ('Unicode 65 karaktere közvetlen = '); 
document.write (String.fromCharCode(65)+'<br /><hr>');


// Egyszerre több Unicode szám konvertálása karakterré:
document.write ('Egyszerre több Unicode = ');
document.write (String.fromCharCode(65,193,69)+'<br /><hr>');
</script>




 

Vissza a lap elejére