JAVASCRIPT
A. Event dan Fungsi
Event adalah aksi dari user yang bisa menghasilkan interaktifitas, seperti ditekannya button oleh mouse sedangkan fungsi adalah suatu blok kode yang diberi nama.
Event | Keterangan |
Abort (onAbort) | Terjadi pada saat user mengagalkan proses download image |
Blur (onBlur) | Terjadi ketika elemen kehilangan focus, artinya user melakukan klik diluar elemen tersebut |
Change (onChange) | Terjadi pada saat usermemodifikasi isi dari data dalam suatu field data |
Click (onClick) | Terjadi pada saat user melakukan klik terhadap satu elemen yang berhubungan dengan event |
Dblclik (onDblclik) | Terjadi pada saat user melakukan klik dua kali pada satu elemen yang berhubungan dengan event, elemen bisa berupa hyperkink atau elemen dari suatu form |
Dragdrop (onDragdrop) | Terjadi pada saat user melakukan drag dan drop elemen di dalam navigator |
Error (onError) | muncul ketika error pada saat loading halaman |
Focus (onFocus) | Terjadi pada saat user memberikan focus pada satu elemen |
Keydown (onKeydown) | Terjadi pada saat user menekan satu tombol pada keyboard |
Keypress (onKeypress) | Terjadi pada saat user menekan dan menahan tombol keyboardnya |
Keyup (onKeyup) | Terjadi pada saat user melepaskan tekanannya dari tombol keyboard |
Load (onLoad) | Terjadi pada saat user memanggil suatu halaman |
Mouseover (onMouseover) | Terjadi pada saat user meletakan kursor mouse diatas suatu elemen |
Mouseout (onMouseout) | Terjadi pada saat kursor mouse meninggalkan posisi suatu elemen |
Reset (onReset) | Terjadi pada saat user menghapus data pada suatu form dengan bantuan tombol reset |
Resize (onResize) | Terjadi pada saat user merubah ukuran jendela browser |
Select (onSelect) | Terjadi pada saat user melakukan proses select terhadap suatu teks di dalam suatu field berjenis teks atau teks area |
Submit (onSubmit) | Terjadi pada saat user melakukan klik terhadap tombol pengiriman suatu form |
Unload (onUnload) | Terjadi pada saat user meninggalkan halaman yang sedang diproses |
Untuk lebih memahami mengenai penggunaan event cobalah script dibawah ini.
js_event.html |
<html> <head><title>Penanganan Kejadian</title> <script language=”JavaScript”> function pesan() { alert(“Anda sudah menekan tombol !”); } </script> </head> <body> <input type=”button” name=”clik_me” value=”Clik Me” onClick=”pesan()”> </body> </html> |
Hasil jadi :
clik me
Hasil jadi setelah clik kalimat di atas :
Anda sudah clik diatas
ok
Tidak ada komentar:
Posting Komentar