Olay Değiştiricileri: preventDefault stopPropagation once
Ek kod yazmadan olay davranışını değiştirmek için dikey çizgiyle ayrılmış değiştiricileri kullanın.
Olay Değiştiricileri: preventDefault stopPropagation once, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. 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.
Değiştirici Söz Dizimi
Olay adına dikey çizgi karakteriyle değiştiriciler ekleyin.
<form on:submit|preventDefault={save}>preventDefault
İşleyiciniz çalışmadan önce event.preventDefault() çağrılır. Bunu elle yapmanız gerekmez.
stopPropagation
Olayın kabarmasını önlemek için event.stopPropagation() çağrılır.
<div on:click|stopPropagation={inner}>Bir Kez
İşleyici ilk çağrıdan sonra kaldırılır. Bir kerelik kurulum olayları için kullanışlıdır.
<button on:click|once={track}>Buy</button>Pasif
Dinleyiciyi pasif olarak işaretler ve tarayıcıya preventDefault çağrısı yapmayacağını bildirir. Kaydırma performansını artırır.
<div on:touchstart|passive={start}>Yakalama
İşleyiciyi kabarma aşaması yerine yakalama aşamasında çalıştırır.
Kendisi
Yalnızca olay hedefi öğenin kendisi olduğunda çalışır; alt öğelerde çalışmaz.
<div on:click|self={close}>Pasif Olmayan
Varsayılan olarak pasif olan bir olayı pasif olmayacak şekilde zorlar; böylece üzerinde preventDefault çağrısı yapabilirsiniz.
Güvenilir
Yalnızca betik tarafından değil, kullanıcı girdisiyle tetiklenen olaylarda çalışır.
Değiştiricileri Birleştirme
Birden çok değiştiriciyi dikey çizgilerle zincirleyin.
<a on:click|preventDefault|stopPropagation={go}>Click</a>Değiştiriciler Neden Kullanılır
İşleyicilerin iş mantığına odaklanmasını sağlar ve tekrarlanan gereksiz kodu ortadan kaldırır.
Hızlı Kontrol
|once ne yapar?
Özet
preventDefault, stopPropagation, once ve passive gibi değiştiriciler yaygın olay ayarlamalarını basitleştirir.
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 41
- Dersler
- 163
Sıkça Sorulan Sorular
“Olay Değiştiricileri: preventDefault stopPropagation once” dersi ücretsiz mi?
Evet — “Olay Değiştiricileri: preventDefault stopPropagation once” 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.
“Olay Değiştiricileri: preventDefault stopPropagation once” dersinde ne öğreneceğim?
Ek kod yazmadan olay davranışını değiştirmek için dikey çizgiyle ayrılmış değiştiricileri kullanı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 2. dersidir.
“Olay Değiştiricileri: preventDefault stopPropagation once” 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