Meneruskan Peristiwa dengan on:click
Kirim ulang peristiwa komponen ke induk menggunakan direktif on: tanpa pengubah.
Meneruskan Peristiwa dengan on:click adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Penerusan Peristiwa
Untuk mengirimkan kembali peristiwa dari elemen anak ke atas melalui komponen Anda, tulis on:event tanpa penangan.
Penerusan Dasar
Ini meneruskan klik tombol bagian dalam kepada pengguna komponen MyButton.
<button on:click>Click</button>Mendengarkan sebagai Komponen Induk
Komponen induk mendengarkan komponen dengan cara yang sama seperti pada elemen DOM.
<MyButton on:click={handle} />Meneruskan Beberapa Peristiwa
Anda dapat meneruskan sebanyak mungkin peristiwa bawaan yang diperlukan.
<input on:input on:focus on:blur />Komponen Pembungkus Lebih Unggul
Pola ini penting untuk membuat komponen pembungkus seperti tombol, bidang masukan, dan tautan.
Dikombinasikan dengan Peristiwa Khusus
Anda bebas mencampurkan peristiwa DOM yang diteruskan dengan peristiwa dari createEventDispatcher Anda sendiri.
Mempertahankan Objek Peristiwa
Peristiwa yang diteruskan tiba di komponen induk dengan objek Peristiwa DOM asli tetap utuh.
Tidak Memerlukan Pengubah
Jika Anda ingin komponen induk mengatur pengubah, jangan tambahkan pengubah pada komponen anak.
Perbedaan dari Peristiwa Khusus
Penerusan mengirimkan kembali peristiwa DOM yang sebenarnya, sedangkan pengiriman khusus membuat peristiwa baru.
Ramah TypeScript
Peristiwa yang diteruskan mempertahankan tipe yang tepat ketika komponen induk mendeklarasikannya dalam TypeScript.
Dunia Nyata
Sebagian besar komponen sistem desain menggunakan penerusan agar tetap fleksibel tanpa harus mencantumkan setiap properti.
Pemeriksaan Singkat
Apa yang dilakukan oleh on:click tanpa penangan?
Ringkasan
Direktif on:event tanpa penangan meneruskan peristiwa DOM ke komponen induk Anda, sehingga memungkinkan API pembungkus yang rapi.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Meneruskan Peristiwa dengan on:click” gratis?
Ya — teks lengkap “Meneruskan Peristiwa dengan on:click” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Meneruskan Peristiwa dengan on:click”?
Kirim ulang peristiwa komponen ke induk menggunakan direktif on: tanpa pengubah. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Meneruskan Peristiwa dengan on:click” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- on:click on:input on:submit
- Pengubah Peristiwa: preventDefault stopPropagation once
- Peristiwa Kustom dengan createEventDispatcher
- Meneruskan Peristiwa dengan on:click