Minggu, 13 Februari 2011

Js Event dan Fungsi

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

Total Tayangan Halaman