‫Selamat datang kembali.
‫Dan video kali ini kita akan membahas tentang event-event di Zemel dan ada hal-hal yang disebut dengan related event
‫atau yang disebut event terkait, dan ada tiga jenis event terkait, direct event, bubbling event
‫dan tunneling event.
‫Kita telah melihat acara langsung dan mari kita buat lagi.
‫Jadi saya akan melanjutkan dan membuat tombol di sini.
‫Dan tombol ini hanya akan memiliki konten Callignee, sangat mendasar.
‫Dan kemudian memiliki event klik dan saya akan membuat event handler baru di sini, dan itu saja.
‫Dan juga, mungkin kita harus membuat lebar satu lima puluh dan tinggi, katakanlah, 100.
‫Jadi ini adalah tombol yang cukup besar di sini dan sekarang tombol ini memiliki acara klik.
‫Sekarang acara klik adalah acara langsung.
‫Jadi mari kita lihat di sini.
‫Kita dapat melihat bahwa metode baru telah dibuat untuk kita.
‫Ini adalah metode klik tombol batal pribadi, pengirim objek yang dirutekan busur acara sehingga perlu pengirim, yang merupakan objek
‫yang mengirim acara ini.
‫Dan ini adalah tombol kami sendiri.
‫Jadi tombol objek sejak acara ini dan kita bisa melanjutkan dan menggunakan tombol itu.
‫Dan ada tiga acara.
‫Seperti yang saya katakan, acara yang dirutekan atau acara yang dirutekan umumnya adalah acara.
‫Lalu ada acara langsung, yang merupakan salah satu acara yang dirutekan, dan itu adalah acara klik kami.
‫Kami akan check out sebentar lagi.
‫Dan ada acara bubbling dan acara tunneling.
‫Jadi mari kita jalankan kode ini sekarang sehingga Anda dapat melihat apa yang akan dilakukan oleh peristiwa langsung.
‫Dan omong-omong, jika kita ingin mengeksekusi sesuatu, kita, tentu saja, perlu menambahkan kotak pesan
‫di sini hanya untuk menunjukkan apa yang terjadi, menunjukkan sesuatu seperti Button diklik dan mungkin menambahkan sesuatu seperti acara langsung.
‫Jadi acara langsung.
‫Sekarang, mari kita jalankan ini lagi.
‫Dan klik pada tombol dan Anda melihat Tombol adalah arahan klik, dan kami telah menggunakannya di
‫video terakhir dan yah, tidak ada yang Anda dengar, bukan?
‫Jadi tombol ini langsung dipanggil atau event tombol ini langsung dipanggil oleh properti click disini.
‫Sekarang, ada sesuatu yang disebut peristiwa menggelegak.
‫Katakanlah Anda tidak ingin acara dimulai segera setelah pengguna mengklik tombol, tetapi segera setelah Anda melepaskannya
‫untuk mengklik.
‫Jadi begitu tombol atau klik naik sehingga Anda dapat menggunakan sesuatu seperti tombol mouse atau mouse di sini, ada sesuatu yang
‫disebut mouse up.
‫Jadi saya akan membuat event handler baru untuk itu.
‫Mari kita pergi ke sini dan membuat acara baru ini, yang juga hanya akan menampilkan kotak pesan di sini.
‫Dan yang ini akan mengatakan Tombol Mouse naik, dilepaskan.
‫Jadi hanya setelah dirilis, acara ini akan dipicu.
‫Acara tombol mouse up ini akan dipicu.
‫Jadi mari kita mulai yang itu lagi.
‫Dan klik tombol dengan klik kiri, Tidak ada yang terjadi jika saya
‫melakukannya dengan klik kanan, lalu tiba-tiba terjadi sesuatu yang berkaitan dengan peristiwa yang menggelegak ini.
‫Jadi Mouse Up adalah peristiwa yang menggelegak, yang berarti bahwa peristiwa ini menuju puncak hierarki di dalam
‫pohon.
‫Jadi kita telah melihat apa itu pohon, bukan?
‫Kami telah melihat pohon visual di pohon logis.
‫Jadi di sini naik pohon visual dan tahukah Anda, pohon visual jauh lebih banyak daripada yang bisa kita lihat di
‫pohon logis ini di sini.
‫Jadi bukan hanya jendela, kisi, dan tombol itu sendiri, tetapi ada lebih banyak lagi di antaranya.
‫Jadi tombol ini, karena itu sampai ke semua elemen pohon yang berbeda yang ada, lalu ke
‫grid dan kemudian mengirimkannya ke jendela.
‫Dan jika tidak ditangani di mana saja, maka tidak akan terjadi apa-apa.
‫Dan itulah yang baru saja kita lihat.
‫Jadi jika saya menekan mouse ke atas atau jika saya melepaskan tombol mouse, seperti yang terlihat di sini, saya mengklik, saya
‫masih menahan.
‫Dan begitu saya melepaskan, tidak ada yang terjadi.
‫Dan itu ada hubungannya dengan acara yang menjadi acara yang menggelegak.
‫Dan itu diabaikan, seperti yang Anda lihat dengan tombol kanan.
‫Tapi itu tidak bekerja dengan tombol kiri.
‫Jadi itu menggelegak dan itu disebabkan oleh kami.
‫Jadi bagaimana Anda masih bisa menangani ini?
‫Karena sekarang, yah, itu tidak berfungsi dengan tombol kiri, tetapi Anda ingin bekerja dengan tombol kiri.
‫Apa yang dapat Anda lakukan adalah Anda dapat menggunakan acara tunneling.
‫Acara bubbling naik pohon visual, acara tunneling turun pohon visual.
‫Jadi daripada menggunakan mouse up, saya akan menggunakan sesuatu yang disebut Prevue Mouse up.
‫Jadi, apakah Anda dapat melihat ada beberapa acara pratinjau yang berbeda di sini.
‫Banyak.
‫Dan misalnya mouse down, mouse up, Prevue Mouse, kanan, tombol bawah, tombol kanan atas dan lain sebagainya.
‫Jadi saya hanya akan membuat satu untuk.
‫Umumnya pratinjau mil ke atas sehingga Anda dapat melihat bahwa itu berfungsi
‫dengan baik, saya akan membuat event handler baru untuk itu dan saya akan melanjutkan dan menambahkan tombol pesan ini di sini
‫telah dirilis dan yang ini akan menjadi tunneling peristiwa.
‫Jadi yang di sini adalah acara yang menggelegak.
‫Dan sekarang kita berada di acara tunneling.
‫Sekarang, itu dimulai lagi.
‫Dan sekarang kita klik kiri, dan seperti yang Anda lihat, Tombol Mouse benar-benar naik untuk memeriksa.
‫Saya akan mengkliknya, menahannya, dan sekarang saya melepaskannya dan kemudian acara ini dipicu sekarang dengan
‫sisi kiri juga, tombol kanan juga.
‫Dan itu bekerja juga.
‫Jadi apa yang dilakukan prevue ini, ia mengirimkannya ke tombol itu sendiri atau ke arah atau turun ke pohon visual.
‫Jadi langsung terpicu.
‫Jadi itu cukup keren.
‫Jika Anda ingin menggunakan tombol Prevue Mouse ke atas, maka Anda berada di sisi yang aman, katakanlah, ketika Anda
‫ingin menggunakan perilaku tertentu.
‫Tapi tolong pertimbangkan juga bahwa ini bukan hanya kasus tombol.
‫Beginilah cara menangani peristiwa yang dirutekan secara umum.
‫Jadi berhati-hatilah di sini dan gunakan dengan cara yang benar.
‫Sekarang, mari kita hanya untuk tujuan pengujian, lanjutkan dan buat pratinjau.
‫Mouse kiri bawah.
‫Dan buat handler baru dan sekarang Prevue Mouse, tulis atau tulis.
‫Jadi agar Anda melihat bahwa ada berbagai jenis cara dan di sini saya akan menggunakan event handler baru
‫juga.
‫Dan sekarang saya hanya akan menyesuaikan kotak pesan yang sesuai.
‫Jadi di pratinjau, tombol kiri mouse ke bawah, saya akan mengatakan tombol mouse turun, tidak dirilis.
‫Ini adalah acara terowongan.
‫Itu benar.
‫Dan itu bagus.
‫Dan sekarang yang lain akan menjadi.
‫Sebenarnya, yang ini adalah tombol kiri mouse dan yang ini adalah tombol kanan mouse, tombol kanan mouse naik
‫dan ini adalah acara tunneling.
‫Dan jika kita melanjutkan, kita bisa melihat ada tombol kita.
‫Jika saya tekan kiri, klik seperti yang Anda lihat langsung terpicu begitu saya mengkliknya, meskipun
‫jika saya menyimpannya, tahan, tahan tombol.
‫Itu masih terpicu dan sekarang tombol kanan hanya terpicu setelah saya melepaskannya.
‫Jadi agar Anda melihat bahwa ada beberapa cara berbeda untuk menangani peristiwa, Anda bahkan
‫dapat menangani suatu peristiwa, yaitu jika kita mengarahkan kursor atau jika kita masuk dengan mouse di dalam tombol itu.
‫Tapi itu sesuatu yang akan kita tangani nanti.
‫Ini bukan hanya sebagai rekap kecil.
‫Ada tiga jenis peristiwa terkait yang berbeda.
‫Ada peristiwa grouting langsung, peristiwa berakar menggelegak dan peristiwa berakar tunneling, yang
‫langsung.
‫Mereka yang menangani sendiri acaranya, e. G. acara klik yang telah kita lihat.
‫Kemudian acara bubbling mengirimkannya ke pohon visual dan acara tunneling mengirimkannya ke perawatan
‫visual.