Ragam Event Handler untuk elemen

Ragam Event Handler untuk elemen <div> adalah salah satu artikel dalam kategori javascript

Berikut daftar event handler umum yang dapat Anda gunakan dengan elemen <div> untuk merespons berbagai peristiwa dan interaksi pengguna:

1. onclick: Mengeksekusi kode JavaScript saat elemen <div> diklik.
2. ondblclick: Mengeksekusi kode JavaScript saat elemen <div> diklik dua kali.
3. onmouseover: Mengeksekusi kode JavaScript saat kursor mouse bergerak di atas elemen <div>.
4. onmouseout: Mengeksekusi kode JavaScript saat kursor mouse bergerak keluar dari elemen <div>.
5. onmouseenter: Mengeksekusi kode JavaScript saat kursor mouse memasuki elemen <div>.
6. onmouseleave: Mengeksekusi kode JavaScript saat kursor mouse meninggalkan elemen <div>.
7. oncontextmenu: Mengeksekusi kode JavaScript saat tombol mouse kanan diklik pada elemen <div>, biasanya untuk menampilkan menu konteks.
8. onmousedown: Mengeksekusi kode JavaScript saat tombol mouse ditekan di atas elemen <div>.
9. onmouseup: Mengeksekusi kode JavaScript saat tombol mouse dilepaskan di atas elemen <div>.
10. onmousemove: Mengeksekusi kode JavaScript saat kursor mouse bergerak di dalam elemen <div>.
11. onkeydown: Mengeksekusi kode JavaScript saat tombol keyboard ditekan saat elemen <div> memiliki fokus.
12. onkeyup: Mengeksekusi kode JavaScript saat tombol keyboard dilepaskan saat elemen <div> memiliki fokus.
13. onfocus: Mengeksekusi kode JavaScript saat elemen <div> mendapatkan fokus.
14. onblur: Mengeksekusi kode JavaScript saat elemen <div> kehilangan fokus.
15. onscroll: Mengeksekusi kode JavaScript saat konten elemen <div> digulirkan.
16. oninput: Mengeksekusi kode JavaScript saat konten elemen <div> yang dapat diedit berubah (digunakan dengan contenteditable).
17. ondragstart: Mengeksekusi kode JavaScript saat operasi seret dimulai di atas elemen <div> (digunakan dengan elemen yang dapat diseret).
18. ondragend: Mengeksekusi kode JavaScript saat operasi seret berakhir di atas elemen <div>.
19. ondragenter: Mengeksekusi kode JavaScript saat item yang dapat diseret ditarik ke dalam elemen <div>.
20. ondragleave: Mengeksekusi kode JavaScript saat item yang dapat diseret ditarik keluar dari elemen <div>.

Event handler ini memungkinkan Anda untuk membuat elemen <div> Anda interaktif dan merespons berbagai tindakan pengguna serta peristiwa di halaman web. Anda dapat memilih event handler yang paling sesuai dengan fungsi yang Anda inginkan.