A weboldalon történő kattintás. 905
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 addig, még nem kattintunk az üzenőablak OK gombjára.
Következő példát 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:
<head>
<script language="JavaScript" type="text/javascript">
function egeruzenet() {
alert ("A weboldalon kattintottál az egérrel!\nKattints az OK gomra!");
}
document.onmousedown = egeruzenet;
</script>
</head>
<body>
<h2> Címsor.</h2>
<p> Első szövegsor.</p>
<p> Második szövegsor.</p>
</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.
Teszt.
Kattintsunk a következő szővegterületre.
<body>
<div class="divelem" onClick="alert('A div területén kattintottál az egérrel!');">
<h2> Címsor.</h2>
<p> Első szövegsor.</p>
<p> Második szövegsor.</p>
</div>
</body>
Megjegyzés.
Az onClick="alert('...');" JavaScript meghatározás nélkül is, alkalmazható jelölőelemeknél.
Teszteléshez kattintsunk a sárga színnel jelöltekre.
Mire használjuk a következő jelet: m2
Minek a vegyjele: H2O
<p>Mire használjuk a következő jelet: <span onClick="alert('Felszinek területi jelzése.');"><mark>m<sup>2</sup></mark></span> </p> <p>Minek a vegyjele: <span onClick="alert('A víz vegyjele.');"><mark>H<sub>2</sub>O</mark></span> </p>