|
|
Melyik egérgombbal kattintottál
Mobilváltozat!
Asztali változathoz,
kattints a képre!
Bal vagy jobb.
Kattints a teszthivatkozásra, valamelyik egérgombbal
(bal vagy jobb)
és az ablakban megjelenik,
hogy melyik
gombbal kattintottál.
A kattintás menete:
Tartsd lenyomva,
várj,
majd engedd fel.
Textarea ablakban megfigyelheted, mi történik.
Kattints ide valamelyik egérgombbal!
Ez egy teszt-
hivatkozás.
Itt, a mobilváltozat látható!
Témakör asztali számítógépre és monitorra készült,
mely tableten is megtekinthető!
Olyan témakör, mely mobiltelefonon nagyítással sem áttekinthető,
gyakorlási célra nem alkalmazható,
mobiltelefonos változata nincs!
A textarea ablakban megjelenő adatokat, a BackSpace és Delete billentyűvel, vagy szövegrészkijelölés után a Ctrl + X billentyűkombinációval törölhetjük.
Program megírása
XHTML fájlban
<body>
<h5><a href="#" id="link1">Kattints ide valamelyik egérgombbal! Ez egy teszthivatkozás, azaz egy link</a></h5>
<form name="form1">
<textarea rows="10" cols="70" name="informacio"> </textarea>
</form>
<script language="JavaScript" type="text/javascript" src="js_fájl_neve.js"> </script>
</body>
JavaScript programunk, külön js fájlban.
function egeresemeny (e) {
if (!e) e = window.event;
lenyomottbillentyu = e.button;
melyikbillentyu = (lenyomottbillentyu < 2) ? "Left, balos gomb" : "Right, jobbos gomb";
billentyuesemeny = e.type + " : " + melyikbillentyu + "\n" ;
document.form1.informacio.value += billentyuesemeny;
}
obj=document.getElementById ("link1");
obj.onmousedown = egeresemeny;
obj.onmouseup = egeresemeny;
obj.onclick = egeresemeny;
obj.ondblclick = egeresemeny;
Ismertető
XHTML fájlban, tetszőleges helyen, akár különállóként is elhelyezhető a hivatkozási sor. Jelenleg azért van címsor címkék közé helyezve, hogy a bemutató végett, jobban kiemelkedjen a szövegfolyamból.
Az egeresemeny(e) függvényünk figyeli az egérbillentyű eseményt.
Az window.event objektum button tulajdonsága, megadja a lenyomott egérgomb értékét.(0, 1, vagy 2)
A type, azaz típusa alapján állapítja meg, az egérbillentyű eseményt.
A document.getElementById ("link1"); megkeresi html fájlunkban azon link <a> jelölőcímkét, melynek egyedi azonosítója megegyezik a zárójelek közé beírt azonosítóval.("link1")
Majd, az ott történt eseményt, az egeresemeny (e) függvényhez rendeli
A button tulajdonság, a következő eseményeknél alkalmazható:
- onMouseDown Egérgomb lenyomása
- onMouseUp Egérgomb felengedése
- onClick Normál, egyszeres kattintás
- onDblClick Dupla kattintás
Az egérgombok értéke:
bal gomb értéke = 0 vagy 1 ( böngésző típusától függ, hogy "0" vagy "1")
jobb gomb értéke = 2
Az értékek ismerete alapján, értelmezzük programunk következő sorában a kérdőjelet (?) és a kettőspontot (:).
melyikbillentyu = (lenyomottbillentyu < 2) ? "Left, balos gomb" : "Right, jobbos gomb";
A lenyomott billentyű értéke kisebb mint kettő(2), akkor (?) a Left balos gombot, ha nem kisebb mint kettő(2), akkor (:) a Right jobbos gombot nyomtuk le.
Megjegyzés:
Minden böngészőre tekintettel a jobb gomb figyelésére, válasszuk az onMouseDown eseményfigyelőt.
Az onClick és onDblclick jobb gombos eseményeket, a böngészők nagy része nem figyeli.