इवेंट संशोधक: preventDefault stopPropagation once
अतिरिक्त कोड के बिना इवेंट के व्यवहार को बदलने के लिए पाइप से अलग किए गए संशोधकों का उपयोग करें।
इवेंट संशोधक: preventDefault stopPropagation once, CoddyKit पर Sveltejs Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Sveltejs Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
संशोधक वाक्यविन्यास
पाइप चिह्न से घटना-नाम के साथ संशोधक जोड़ें।
<form on:submit|preventDefault={save}>preventDefault
आपका प्रबंधक चलने से पहले event.preventDefault() को कॉल करता है। इसे स्वयं करने की आवश्यकता नहीं होती।
stopPropagation
घटना को बबल होने से रोकने के लिए event.stopPropagation() को कॉल करता है।
<div on:click|stopPropagation={inner}>एक बार
पहली बार कॉल होने के बाद प्रबंधक हटा दिया जाता है। यह केवल एक बार होने वाले सेटअप के लिए उपयोगी है।
<button on:click|once={track}>Buy</button>निष्क्रिय
श्रोता को निष्क्रिय के रूप में चिह्नित करता है और ब्राउज़र को संकेत देता है कि यह preventDefault को कॉल नहीं करेगा। इससे स्क्रॉल प्रदर्शन बेहतर होता है।
<div on:touchstart|passive={start}>कैप्चर
प्रबंधक बबल चरण के बजाय कैप्चर चरण के दौरान चलता है।
स्वयं
घटना का लक्ष्य स्वयं तत्व होने पर ही चलता है, उसके किसी उपतत्व पर नहीं।
<div on:click|self={close}>गैर-निष्क्रिय
डिफ़ॉल्ट रूप से निष्क्रिय घटना को गैर-निष्क्रिय बनाता है, ताकि आप उस पर preventDefault को कॉल कर सकें।
विश्वसनीय
केवल उपयोगकर्ता के इनपुट से ट्रिगर होने वाली घटनाओं पर चलता है, स्क्रिप्ट से ट्रिगर होने वाली घटनाओं पर नहीं।
संशोधक संयोजित करें
पाइप चिह्नों से कई संशोधकों को एक शृंखला में जोड़ें।
<a on:click|preventDefault|stopPropagation={go}>Click</a>संशोधकों का उपयोग क्यों करें
ये प्रबंधकों को व्यावसायिक तर्क पर केंद्रित रखते हैं और दोहराए जाने वाले अतिरिक्त कोड को हटा देते हैं।
त्वरित जाँच
|once क्या करता है?
पुनरावलोकन
preventDefault, stopPropagation, once और passive जैसे संशोधक सामान्य घटना-संशोधनों को सरल बनाते हैं।
एआई शिक्षक के साथ HTML सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 41
- पाठ
- 163
अक्सर पूछे जाने वाले प्रश्न
क्या “इवेंट संशोधक: preventDefault stopPropagation once” पाठ निःशुल्क है?
हाँ—“इवेंट संशोधक: preventDefault stopPropagation once” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Sveltejs Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“इवेंट संशोधक: preventDefault stopPropagation once” में मैं क्या सीखूँगा?
अतिरिक्त कोड के बिना इवेंट के व्यवहार को बदलने के लिए पाइप से अलग किए गए संशोधकों का उपयोग करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Sveltejs Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या Sveltejs Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Sveltejs Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।
“इवेंट संशोधक: preventDefault stopPropagation once” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस Sveltejs Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर Sveltejs Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- on:click on:input on:submit
- इवेंट संशोधक: preventDefault stopPropagation once
- createEventDispatcher से कस्टम इवेंट
- on:click से इवेंट अग्रेषित करना