Event JavaScript

Event adalah saat terjadinya interaksi antara visitor dan web page.

Berikut ini adalah daftar event yang dimiliki oleh JavaScript:

Event Penjelasan
onchange Saat sebuah elemen HTML berganti.
onclick Saat elemen HTML di-click.
onmouseover Saat mouse dilayangkan di atas elemen HTML.
onmouseout Saat mouse yang dilayangkan di atas elemen HTML pergi menjauhi elemen tersebut.
onkeydown Saat tombol keyboard dipencet.
onload Saat loading web page selesai.

Event onclick

Berikut ini adalah contoh penggunaan event onclick:

Contoh 1:

<html>
<head>
    <script>
    function popup() {
        alert("Selamat Pagi!");
    };
    </script>
</head>
<body>
<input type="button" value="Click tombol ini!" onclick="popup()">
</body>
</html>

Hasil contoh 1:

alert() function adalah function yang akan memunculkan kotak pesan. Namun waktu munculnya kotak pesan tersebut ditentukan oleh event yang digunakan.

Pada contoh di atas, event yang digunakan adalah onclick yang diletakkan di dalam tag <input> yang memunculkan sebuah tombol sehingga saat tombol tersebut di-click maka muncullah kotak pesan dari alert() function.

Event onmouseover

Berikut ini adalah contoh penggunaan event onmouseover:

Contoh 2:

<html>
<head>
    <script>
    function popup() {
        alert("Selamat Pagi!");
    };
    </script>
</head>
<body>
<a href="#" onmouseover="popup()">Layangkan mouse disini!</a>
</body>
</html>

Hasil contoh 2:

Layangkan mouse disini!

Pada contoh di atas, event yang digunakan adalah onmouseover yang diletakkan di dalam tag <a> yang memunculkan sebuah text link sehingga saat cursor mouse dilayangkan di atas link tersebut maka muncullah kotak pesan dari alert() function.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>