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.

About Reza Ervani 430 Articles
Adalah pendiri programming.rezaervani.com -

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.