Weboldalon történő kattintás.

Mobilváltozat!

Asztali változathoz,
kattints a képre!

Ha a következő példa alapján írjuk meg az alert, azaz üzenő ablak megjelenítési programját, akkor a weboldalunk egész oldalára vonatkozik, azaz mindegy hól kattintunk, megjelenik az üzenet.
Ennek eredményeként nem tudunk továbblépni egyik hivatkozással sem az adott oldalról.
Az adott weboldalról, a böngésző ablakában lévő visszanyilall, tudunk kilépni

Teszteljük le, írjuk be egy html fájlba, és győződjünk meg róla.

JavaScript programunk, mely a kattintásra, egy üzenetet jelenít meg:
<body>
<script language="JavaScript" type="text/javascript">

function egeruzenet() {
alert ("A weboldalon kattintottál az egérrel! Erről a weboldalról, csak a böngésző ablakában lévő vissza nyíllal tudsz kilépni");
}
document.onmousedown = egeruzenet;

</script>
</body>

Vonatkoztassuk az eseményt, egy adott dív szakaszra

Ha a következő példa alapján írjuk meg az alert, azaz üzenő ablak megjelenítési programját, akkor csak az adott div szakasz területén történő kattintás esetén jeleneik meg az üzenet.
Figyeljük meg, hól helyezkednek el a horgony <a> címkéi. (Kék színnel vannak kiemelve)

<body>
<div class="divszakasz">
<a href="#nemlétező.html" onClick="alert('A div szakaszban kattintottál az egérrel! Ezen div szakasz terűletén történő kattintás esetén, megjelenik az üzenet'); ">

<script language="JavaScript" type="text/javascript">
function egeruzenet() {
alert ("A div szakaszban kattintottál az egérrel! Ide, tetszőleges tájékoztató szöveget írhatunk, a felhasználó felé.");
}
document.onmousedown = egeruzenet;
</script>

</p>
</a>
</div>
</body>

Vissza a lap elejére