on:click ile Olay İletme
Bileşen olaylarını yalın on: yönergesini kullanarak üst bileşene yeniden yayınlayın.
on:click ile Olay İletme, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Olay İletme
Alt öğenin olayını bileşeniniz üzerinden yukarı yeniden göndermek için işleyici olmadan on:event yazın.
Temel İletme
Bu işlem, iç düğmenin tıklama olayını MyButton tüketicisine iletir.
<button on:click>Click</button>Üst Bileşen Olarak Dinleme
Üst bileşen, bileşeni DOM öğesiyle aynı şekilde dinler.
<MyButton on:click={handle} />Birden Çok Olayı İletme
İstediğiniz kadar yerel olayı iletebilirsiniz.
<input on:input on:focus on:blur />Sarmalayıcı Bileşenler Kazandırır
Bu kalıp düğmeler, girdiler ve bağlantılar gibi sarmalayıcı bileşenler oluşturmak için gereklidir.
Özel Olaylarla Birleştirme
İletilen DOM olaylarını kendi createEventDispatcher olaylarınızla serbestçe birleştirin.
Olay Nesnesini Koruma
İletilen olaylar, özgün DOM Event nesnesi bozulmadan üst bileşene ulaşır.
Değiştirici Gerekmez
Değiştiricilerin denetimini üst bileşene bırakmak istiyorsanız alt bileşende değiştirici kullanmayın.
Özel Olaylardan Farkı
İletme, gerçek DOM olaylarını yeniden gönderir; özel gönderim ise yeni olaylar oluşturur.
TypeScript ile Uyumlu
Üst bileşen olayları TypeScript ile bildirdiğinde iletilen olaylar kesin türlerini korur.
Gerçek Dünya
Çoğu tasarım sistemi bileşeni, her özelliği tek tek listelemeden esnek kalmak için iletmeyi kullanır.
Hızlı Kontrol
İşleyicisi olmayan on:click ne yapar?
Özet
Yalın on:event yönergeleri DOM olaylarını bileşeninizin üst bileşenine ileterek temiz sarmalayıcı arayüzleri sağlar.
Sıkça Sorulan Sorular
“on:click ile Olay İletme” dersi ücretsiz mi?
Evet — “on:click ile Olay İletme” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“on:click ile Olay İletme” dersinde ne öğreneceğim?
Bileşen olaylarını yalın on: yönergesini kullanarak üst bileşene yeniden yayınlayın. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.
“on:click ile Olay İletme” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- on:click on:input on:submit
- Olay Değiştiricileri: preventDefault stopPropagation once
- createEventDispatcher ile Özel Olaylar
- on:click ile Olay İletme