Event Handler
Event Handler - Hallo sahabat AgniPedia, Pada sharing informasi kali ini yang berjudul Event Handler, saya telah menyediakan Informasi Terlengkap. mudah-mudahan isi postingan yang saya tulis ini dapat anda pahami. okelah, ini dia Informasinya.
| Event Handler | Deskripsi Event |
|---|---|
| onblur | Sebuah elemen kehilangan fokus |
| onchange | Konten dalam field suatu form berubah |
| oclick | Sebuah objek diklik |
| onerror | Terjadi error saat memuat dokumen atau gambar |
| onfocus | Sebuah elemen mendapatkan fokus/dipilih |
| onkeydown | Sebuah tombol pada keyboard ditekan |
| onkeypress | Sebuah tombol pada keyboard ditekan atau ditahan |
| onkeyup | Sebuah tombol pada keyboard dilepaskan |
| onload | Sebuah gambar atau halaman selesai dimmuat |
| onmousedown | Tombol pada mouse ditekan |
| onmousemove | Pointer mouse digerakkan |
| onmouseout | Pointer mouse dipindahkan dari suatu elemen |
| onmouseover | Pointer mouse ditempatkan diatas suatu elemen |
| onmouseup | Tombol pada mouse dilepaskan |
| onsubmit | Tombol submit pada form diklik |
- Sebagai atribut HTML
- Sebagai Method
- Menggunakan addEventListener
Anda dapat mengatur fungsi yang akan dijalankan dalam sebuah atribut pada markup seperti contoh berikut :
<body onclick="fungsiSaya();">
//*fungsiSaya akan dijalankan saat pengguna mengklik apapun dalam elemen 'body' */Anda dapat menambahkan fungsi menggunakan helpers yang sudah ada dalam Javascript
window.onclick = fungsiSaya;
/*fungsiSaya akan dijalankan saat pengguna mengklik apapun dalam jendela browser*/Untuk menggunakan metodde ini,pertama-tama kita perlu memanggil method addEventListener dari objek yang diinginkan,kemudian menentukan event dan gunsi yang akan dieksekusi sebagai argumen.
window.addEventListener("click",fungsiSaya);window.addEventListener("click", function(e)
{.........
});Sekian dan Terima Kasih Semoga Artikel ini Bermanfaat
Langganan:
Posting Komentar (Atom)
0 komentar
Posting Komentar