The 7th steps belajar javascript: mengenal jenis-jenis event dan cara membuat event

Hello brother's and sista...

Pada kesempatan kali ini kita akan belajar tentang event dalam javascript. Apa itu event? Jenis-jenis event dan bagaimana membuat event javascript?

1. Pengenalan
Event adalah perintah pada javascript yang disebut event handler atau penanganan kejadian. Proses event akan berjalan apabila suatu aksi tertentu dikenakan pada element HTML dan tidak perlu dipanggil.
2. Jenis-jenis event
• Onload = Event ini muncul ketika halaman web dimuat.
• Onunload = Event ini muncul ketika halaman web ditinggalkan.
• Onselect: Event ini muncul apabila terjadi pemilihan teks /diblok pada textarea.
• Onclick = Event ketika mengklik sebuah element HTML.
• Onmouseover = Event saat mengarahkan pointer pada sebuah element HTML.
• Onmouseout = Event saat memindahkan pointer dari sebuah element HTML.
• Onchange = Event jika sebuah element html berubah.
• Oncontextmenu = Event ini muncul apabila terjadi aksi klik kanan terhadap suatu element.
• Onstop = Event ini muncul apabila user melakukan penekanan tombol stop pada browser.
• Onsubmit = Event ini muncul apabila terjadi penekanan terhadap tombol submit pada sebuah form.
3. Cara membuat event
Kita bisa membuat event dengan menambahkan atribut pada jenis-jenis event diatas, pada element HTML yang akan diberikan event. Contoh event onclick: NOTE:

Event Pada Javascript

Copy kode HTML diatas dan pastekan di aplikasi text editor sobat. Simpan file dengan ekstensi.html dan buka dengan web browser.

Hasilnya:

Sebelum tombol apa kabar? diklik



Saat tombol apa kabar? diklik, akan dijalankan function:
function nama_fungsi(){ document.getElementById("hasil").innerHTML = "

saya baik-baik saja

" ; }


Yang akan menampilkan isi dari function nama_fungsi(), yaitu saya baik-baik saja

Semoga bermanfaat and see you...

Share this post