Event pada JavaSript

Event HTML adalah "sesuatu" yang terjadi pada elemen HTML.

Saat JavaScript digunakan di halaman HTML, JavaScript dapat "bereaksi" terhadap kejadian ini.
Event HTML

Event HTML bisa jadi sesuatu yang dilakukan browser, atau sesuatu yang dilakukan pengguna.

Berikut adalah beberapa contoh Event HTML:

•     Laman web HTML telah selesai dimuat
•     Bidang masukan HTML telah diubah
•     Sebuah tombol HTML diklik

Seringkali, saat kejadian terjadi, Anda mungkin ingin melakukan sesuatu.

JavaScript memungkinkan Anda menjalankan kode saat kejadian terdeteksi.

HTML memungkinkan atribut event handler, dengan kode JavaScript, untuk ditambahkan ke elemen HTML.

Dengan tanda petik tunggal:

<some-HTML-element some-event='kode JavaScript'>

Dengan tanda kutip ganda:

<some-HTML-element some-event="kode JavaScript">

Dalam contoh berikut, atribut onclick (dengan kode), ditambahkan ke elemen tombol:
Contoh

<button onclick='getElementById("demo").innerHTML=Date()'>Tanggal berapa ?</button>

Pada contoh di atas, kode JavaScript akan mengubah isi elemen dengan id = "demo".

Pada contoh berikut, kode akan mengubah isi elemennya sendiri (menggunakan this.innerHTML):
Contoh

<button onclick="this.innerHTML=Date()">Tanggal berapa?</button>

Catatan Kode JavaScript sering beberapa baris. Lebih umum melihat atribut acara memanggil fungsi:
Contoh

<button onclick="displayDate()">tanggal berapa?</button>

Event HTML Biasa

Berikut adalah daftar beberapa kejadian HTML yang umum:
onchange = Elemen HTML telah diubah
onclick = Pengguna mengeklik elemen HTML
onmouseover = Pengguna menggerakkan mouse ke elemen HTML
onmouseout = Pengguna memindahkan mouse dari elemen HTML
onkeydown = Pengguna menekan tombol keyboard
onload = Browser telah selesai memuat halaman

Apa yang bisa dilakukan JavaScript?

Penangan acara dapat digunakan untuk menangani, dan memverifikasi, memasukkan pengguna, tindakan pengguna, dan tindakan browser:

•  Hal-hal yang harus dilakukan setiap kali halaman dimuat
•  Hal-hal yang harus dilakukan saat halaman ditutup
•  Tindakan yang harus dilakukan saat pengguna mengklik tombol
•  Konten yang harus diverifikasi saat pengguna memasukkan data
•  Dll...

Banyak metode yang berbeda dapat digunakan untuk membiarkan JavaScript bekerja dengan acara:

•     Atribut event HTML dapat mengeksekusi kode JavaScript secara langsung
•     Atribut event HTML dapat memanggil fungsi JavaScript
•     Anda dapat menetapkan fungsi penangan acara Anda sendiri ke elemen HTML
•     Anda dapat mencegah kejadian dikirim atau ditangani
•     Dll...

Share :

Tweet

✚

Related Post