Hallo sobat Webhozz jumpa lagi dengan saya, kali ini saya ingin berbagi artikel tentang event recognition di JavaScript. Agar sobat Webhozz tidak bingung, mari masuk ke pembahasan artikel sobat Webhozz Show
Peristiwa adalah sesuatu yang terjadi dalam elemen HTML. Suatu peristiwa dapat dipicu oleh browser, juga dapat dipicu oleh pengguna. Anda dapat menggunakan JavaScript untuk memberikan reaksi spesifik terhadap suatu peristiwa di halaman web Contoh pemakaian event telah kalian kenal pada latihan awal, yaitu event onclick yang ada di tag Melalui mekanisme yang sama, Anda dapat menerapkan kode JavaScript ke elemen HTML lain dan ke acara lainnya. Sintaks Anda sudah mengetahui elemen-elemen HTML. Adapun jenis-jenis event pada HTML antara lain
Nah Sobat Webhozz, itulah pembahasan singkat tentang pengenalan event di JavaScript. Semoga pembahasan artikel ini dapat membantu sobat Webhozz semua dalam belajar JavaScript, dan juga dapat menambah pengetahuan sobat Webhozz semua. Sampai jumpa lagi pada pembahasan artikel lainnya yang tentunya lebih menarik Acara adalah salah satu bagian terpenting dari aplikasi web. Setiap elemen di halaman situs web dapat memicu suatu peristiwa. Tapi apa pentingnya kemampuan? Event biasanya dimunculkan ketika sebuah elemen telah mengalami perubahan kondisi. Misalnya kita ingin memperbesar gambar yang ditekan oleh pengguna Bagaimana kita tahu bahwa gambar telah diklik oleh pengguna? Tentu masih banyak event lain yang bisa dimunculkan oleh elemen tertentu di halaman website. Misalnya, ada suatu peristiwa yang menunjukkan bahwa suatu unsur telah mengalami perubahan ukuran. Ada peristiwa yang menunjukkan bahwa suatu elemen sedang dipindahkan oleh pengguna. Ada juga event yang menandakan bahwa mouse yang digunakan user sedang bergerak Jadi, apa itu acara? Cara kerjaMari kita ambil kasus di mana pengguna menekan sebuah tombol. Ketika sebuah tombol ditekan, beberapa hal terjadi. Memahami event ini dapat membantu kita untuk merespon dengan benar ketika sebuah event dimunculkan Mari kita asumsikan kode html kita adalah sebagai berikut Apa yang terjadi ketika tombol Gambar acara Fase PenangkapanSaat tombol diatas ditekan, javascript tidak langsung memunculkan event Jadi, javascript memunculkan acara Nah, event JS Bin Jadi, kami menggunakan metode yang disebut
Jika kita tidak mengisi nilai untuk Fase SasaranBerdasarkan contoh di atas, tahap penangkapan hanya berjalan sampai elemen Namun, pada kenyataannya, banyak browser menerapkan fase penangkapan ke elemen target (dalam elemen contoh kami Target Phase Demo Fase GelembungSetelah event Jadi, fase Bubbling adalah kebalikan dari fase Capture. Tapi bagaimana dengan sintaks untuk mendengarkan acara di fase Bubbling ini? Secara sintaksis, perbedaan fase Bubbling hanya pada parameter Peristiwa ObjekSetiap Mari kita ambil contoh menghasilkan acara Parameter
Masih ada lebih banyak properti dari parameter Hapus Penangan AcaraUntuk berhenti mendengarkan suatu elemen, kita dapat menggunakan metode stopPropagation & stopImmediatePropagationKita dapat menghentikan fase dari event dengan menggunakan metode Untuk melihat perbedaan keduanya, silahkan lihat demo ini JS Bin Jadi, Perbedaannya adalah, Jadi, pada contoh di atas, Sementara itu, preventDefaultSecara default, browser memiliki reaksinya sendiri ketika suatu elemen memunculkan suatu peristiwa. Misalnya, ketika elemen Bagaimana jika kita ingin browser tidak menjalankan reaksi defaultnya? JS Bin Konteks Pada PendengarAda yang perlu kita perhatikan saat menjalankan Sebagai contoh, lihat demo berikut JS Bin Masalahnya adalah, ketika metode Untuk mengatasinya, kita dapat menggunakan pendekatan berikut Atau, kita juga bisa menerapkan metode Hasilkan Acara Menggunakan JavascriptKita dapat membuat event pada sebuah elemen menggunakan javascript Misalnya, kami ingin menaikkan acara Kita juga bisa membuat acara baru JS Bin Untuk menambahkan data spesifik ke Objek Acara, kita dapat menambahkannya ke properti KiatDelegasi AcaraKetika jumlah Saat Semakin banyak Untuk mengurangi beban, kita bisa menggunakan delegasi acara. Caranya adalah dengan memanfaatkan fase Bubbling yang akan dilalui event saat event dimunculkan. Berikut ini adalah demo pelaksanaan acara delegasi JS Bin Jika melihat contoh di atas, maka daripada menginstal Penanganan Acara hanya untuk penangananSebaliknya kita menulis Ada baiknya kita mengubahnya menjadi Alasannya, pertama, kami memisahkan event handling dari apa yang seharusnya terjadi saat event dimunculkan. Penanganan acara hanya membutuhkan elemen apa Keuntungan dari pemisahan di atas adalah kita dapat memanfaatkan metode Alasan kedua adalah kita dapat lebih mudah menguji respons terhadap suatu peristiwa tanpa harus mensimulasikan pembuatan peristiwa pada unit pengujian kita. Jadi, pengujian unit kami akan lebih sederhana Apa itu atribut acara?atribut peristiwa adalah atribut global yang dapat digunakan di semua tag HTML, tetapi nilai dalam bentuk kode JavaScript. onclick adalah event atribut yang akan mengeksekusi kode JavaScript di dalam tanda kutip saat elemen diklik.
Apa itu event JavaScript?Aktif Javascript . Peristiwa adalah peristiwa yang terjadi di halaman web. Peristiwa yang dimaksud di sini adalah aktivitas yang dilakukan di halaman web.
2 Apa nama peristiwa yang terjadi saat pengguna mengeklik elemen HTML?onclick = adalah peristiwa jika elemen html di klik .
Bagaimana cara menampilkan dialog peringatan () pada acara tertentu misalnya saat tombol diklik?Pertanyaannya. Cara menampilkan dialog alert() pada kejadian tertentu , misalnya saat tombol diklik ? . dialog pada event listener. Dalam HTML, kita dapat memasukkan fungsi alert() pada onClick atribut sehingga nanti ditampilkan ketika sebuah elemen diklik . |
Apa itu acara di html?
Pos Terkait
Copyright © 2024 kemunculan Inc.
