अपने वेब पेज में जावास्क्रिप्ट को अलग कैसे करें

जब आप पहली बार एक नया जावास्क्रिप्ट लिखते हैं तो इसे सेट करने का सबसे आसान तरीका जावास्क्रिप्ट कोड एम्बेड करना है सीधे वेब पेज में ताकि सब कुछ एक ही जगह पर है जब आप इसे काम करने के लिए परीक्षण करते हैं सही। इसी तरह, यदि आप अपनी वेबसाइट में एक पूर्व-लिखित स्क्रिप्ट सम्मिलित कर रहे हैं, तो निर्देश आपको भागों या सभी स्क्रिप्ट को वेब पर ही एम्बेड करने के लिए कह सकते हैं।

यह पृष्ठ को स्थापित करने और पहली जगह में ठीक से काम करने के लिए प्राप्त करने के लिए ठीक है, लेकिन एक बार आपका पृष्ठ उस तरीके से काम कर रहा है जो आप चाहते हैं कि आप कर पाएंगे किसी बाहरी फ़ाइल में जावास्क्रिप्ट को हटाकर पृष्ठ को बेहतर बनाएं ताकि HTML में आपके पृष्ठ की सामग्री गैर-सामग्री आइटमों के साथ इतनी अव्यवस्थित न हो। जावास्क्रिप्ट।

यदि आप सिर्फ अन्य लोगों द्वारा लिखे गए जावा स्क्रिप्ट्स को कॉपी और उपयोग करते हैं, तो उनके निर्देशों को अपने पेज में कैसे जोड़ें, इसके परिणामस्वरूप आपके एक या एक से अधिक बड़े अनुभाग हो सकते हैं। जावास्क्रिप्ट वास्तव में आपके वेब पेज में ही अंतर्निहित है और उनके निर्देश आपको यह नहीं बताते हैं कि आप इस कोड को अपने पेज से अलग फ़ाइल में कैसे स्थानांतरित कर सकते हैं और अभी भी जावास्क्रिप्ट है काम। हालांकि चिंता न करें क्योंकि आप अपने पेज में जिस जावास्क्रिप्ट कोड का उपयोग कर रहे हैं, उसकी परवाह किए बिना आप आसानी से जावास्क्रिप्ट को स्थानांतरित कर सकते हैं आपके पृष्ठ से बाहर और इसे एक अलग फ़ाइल के रूप में सेट करें (या यदि आपके पास पृष्ठ में जावास्क्रिप्ट का एक से अधिक टुकड़ा एम्बेडेड है)। ऐसा करने की प्रक्रिया हमेशा समान होती है और एक उदाहरण के साथ सबसे अच्छा सचित्र होता है।

आइए देखें कि आपके पृष्ठ में एम्बेडेड होने पर जावास्क्रिप्ट का एक टुकड़ा कैसे दिख सकता है। आपका वास्तविक जावास्क्रिप्ट कोड निम्नलिखित उदाहरणों से अलग होगा, लेकिन प्रक्रिया हर मामले में समान है।

आपके एम्बेडेड जावास्क्रिप्ट को उपरोक्त तीन उदाहरणों में से एक जैसा दिखना चाहिए। बेशक, आपका वास्तविक जावास्क्रिप्ट कोड उस दिखाए गए से अलग होगा लेकिन जावास्क्रिप्ट संभवतः उपरोक्त तीन तरीकों में से एक का उपयोग करके पेज में एम्बेड किया जाएगा। कुछ मामलों में, आपका कोड पुराने का उपयोग कर सकता है भाषा = "JavaScript" के बजाय type = "text / javascript" जिस स्थिति में आप अपने कोड को टाइप ए के साथ लैंग्वेज विशेषता को बदलकर शुरू करने के लिए अधिक तारीख तक लाना चाहते हैं।

इससे पहले कि आप जावास्क्रिप्ट को अपनी फ़ाइल में निकाल सकें, आपको पहले निकाले जाने वाले कोड को पहचानना होगा। उपरोक्त तीनों उदाहरणों में, निकालने के लिए वास्तविक जावास्क्रिप्ट कोड की दो लाइनें हैं। आपकी स्क्रिप्ट में संभवतः बहुत अधिक लाइनें होंगी, लेकिन आसानी से पहचानी जा सकती हैं क्योंकि यह आपके पृष्ठ के भीतर उसी स्थान पर कब्जा कर लेगी जो जावास्क्रिप्ट की दो लाइनों के रूप में है। उपरोक्त तीन उदाहरणों में हाइलाइट किया गया है (सभी तीनों उदाहरणों में जावास्क्रिप्ट की समान दो पंक्तियाँ हैं, यह उनके चारों ओर सिर्फ कंटेनर है जो थोड़ा सा है विभिन्न)।

1. पहली चीज जिसे आपको वास्तव में जावास्क्रिप्ट को एक अलग फाइल में निकालने की आवश्यकता है, वह है एक सादे टेक्स्ट एडिटर को खोलना और अपने वेब पेज की सामग्री तक पहुंच बनाना। फिर आपको एम्बेडेड जावास्क्रिप्ट का पता लगाने की आवश्यकता है जो उपरोक्त उदाहरणों में दिखाए गए कोड के विभिन्न रूपों में से एक से घिरा होगा।
2. जावास्क्रिप्ट कोड स्थित होने के कारण आपको इसे चुनना होगा और इसे अपने क्लिपबोर्ड पर कॉपी करना होगा। उपरोक्त उदाहरण के साथ, चुने जाने वाले कोड को हाइलाइट किया गया है, आपको स्क्रिप्ट टैग या वैकल्पिक टिप्पणियों का चयन करने की आवश्यकता नहीं है जो आपके जावास्क्रिप्ट कोड के आसपास दिखाई दे सकती हैं।
3. अपने सादे पाठ संपादक की एक और प्रतिलिपि खोलें (या एक और टैब यदि आपका संपादक एक समय में एक से अधिक फ़ाइल खोलने का समर्थन करता है) और जावास्क्रिप्ट सामग्री को अतीत में।
4. अपनी नई फ़ाइल के लिए उपयोग करने के लिए एक वर्णनात्मक फ़ाइल नाम का चयन करें और उस फ़ाइल नाम का उपयोग करके नई सामग्री को सहेजें। उदाहरण कोड के साथ, स्क्रिप्ट का उद्देश्य फ्रेम से बाहर निकलना है, इसलिए एक उपयुक्त नाम हो सकता है framebreak.js.
5. इसलिए अब हमारे पास जावास्क्रिप्ट है एक अलग फाइल में हम संपादक के पास लौटते हैं जहां हमारे पास स्क्रिप्ट की बाहरी प्रतिलिपि से लिंक करने के लिए वहां परिवर्तन करने के लिए मूल पृष्ठ सामग्री है।
6. जैसा कि अब हमारे पास एक अलग फ़ाइल में स्क्रिप्ट है, हम अपनी मूल सामग्री में स्क्रिप्ट टैग के बीच सब कुछ निकाल सकते हैं ताकि टैग।
7. अंतिम चरण स्क्रिप्ट टैग की पहचान करने के लिए एक अतिरिक्त विशेषता जोड़ना है जहां यह बाहरी जावास्क्रिप्ट पा सकता है। हम एक का उपयोग कर ऐसा करते हैं src = "फ़ाइल नाम" विशेषता। हमारे उदाहरण स्क्रिप्ट के साथ, हम src = "फ्रेमब्रेक.जेएस" को निर्दिष्ट करेंगे।
8. इसकी एकमात्र जटिलता यह है कि अगर हमने बाहरी जावास्क्रिप्स को उन वेब पेजों से अलग फ़ोल्डर में संग्रहीत करने का निर्णय लिया है जो उनका उपयोग करते हैं। यदि आप ऐसा करते हैं, तो आपको फ़ाइल नाम के सामने वेब पेज फ़ोल्डर से जावास्क्रिप्ट फ़ोल्डर में पथ जोड़ने की आवश्यकता है। उदाहरण के लिए, यदि JavaScripts एक में संग्रहीत किया जा रहा है js फ़ोल्डर के भीतर फ़ोल्डर जो हमारे वेब पेजों को रखता है जिसकी हमें आवश्यकता होती है src = "js / framebreak.js"

तो जावास्क्रिप्ट को अलग फाइल में अलग करने के बाद हमारा कोड कैसा दिखता है? हमारे उदाहरण के मामले में जावास्क्रिप्ट (यह मानते हुए कि जावास्क्रिप्ट और HTML एक ही फ़ोल्डर में हैं) अब वेब पेज में हमारा HTML पढ़ता है:

हमारे पास एक अलग फ़ाइल भी है, जिसे फ्रेमब्रेक कहा जाता है। इसमें वे शामिल हैं:

if (top.location; = self.location) top.location = self.location;

आपका फ़ाइल नाम और फ़ाइल सामग्री इससे बहुत भिन्न होगी क्योंकि आपने निकाला होगा जो कुछ भी जावास्क्रिप्ट आपके वेब पेज में एम्बेड किया गया था और फ़ाइल को एक वर्णनात्मक नाम दिया गया था, जो उसके आधार पर ऐसा होता है। इसे निकालने की वास्तविक प्रक्रिया समान होगी, चाहे इसमें कोई भी रेखा हो।

उदाहरण दो और तीन में से प्रत्येक में उन दो अन्य लाइनों के बारे में क्या? खैर, उदाहरण दो में उन पंक्तियों का उद्देश्य नेटस्केप 1 और इंटरनेट से जावास्क्रिप्ट को छिपाना है एक्सप्लोरर 2, जिनमें से कोई भी किसी भी अधिक का उपयोग नहीं करता है और इसलिए उन पंक्तियों को वास्तव में पहले की आवश्यकता नहीं है स्थान। कोड को बाहरी फ़ाइल में रखने से ब्राउज़र से कोड छुपाया जाता है जो स्क्रिप्ट टैग को प्रभावी ढंग से HTML टिप्पणी में इसे घेरने की तुलना में अधिक प्रभावी ढंग से नहीं समझता है। तीसरे उदाहरण का उपयोग एक्सएचटीएमएल पृष्ठों के लिए मान्यताओं को बताने के लिए किया जाता है कि जावास्क्रिप्ट को पृष्ठ सामग्री के रूप में माना जाना चाहिए और इसे मान्य नहीं करना चाहिए HTML के रूप में (यदि आप एक एक्सएचटीएमएल के बजाय एक HTML सिद्धांत का उपयोग कर रहे हैं तो सत्यापनकर्ता को पहले से ही यह पता है और इसलिए वे नाम नहीं हैं जरूरत है)। एक अलग फ़ाइल में जावास्क्रिप्ट के साथ, अब सत्यापनकर्ताओं द्वारा छोड़ दिए जाने वाले पृष्ठ में कोई जावास्क्रिप्ट नहीं है और इसलिए उन पंक्तियों की अब आवश्यकता नहीं है।

सबसे उपयोगी तरीकों में से एक जिसे वेब पेज में कार्यक्षमता जोड़ने के लिए जावास्क्रिप्ट का उपयोग किया जा सकता है, आपके आगंतुक के लिए कार्रवाई के जवाब में किसी प्रकार का प्रसंस्करण करना है। सबसे आम क्रिया जो आप प्रतिक्रिया करना चाहते हैं वह तब होगी जब आगंतुक किसी चीज़ पर क्लिक करता है। ईवेंट हैंडलर जो आपको कुछ क्लिक करने वाले आगंतुकों को प्रतिक्रिया देने की अनुमति देता है, कहा जाता है क्लिक पर.

जब ज्यादातर लोग पहले अपने वेब पेज पर एक ऑनक्लिक ईवेंट हैंडलर को जोड़ने के बारे में सोचते हैं तो वे तुरंत इसे ए में जोड़ने के बारे में सोचते हैं टैग। यह कोड का एक टुकड़ा देता है जो अक्सर दिखता है:

यह है गलत onclick का उपयोग करने का तरीका जब तक कि आपके पास href विशेषता में एक वास्तविक सार्थक पता न हो ताकि लिंक पर क्लिक करने पर जावास्क्रिप्ट के बिना उन लोगों को कहीं स्थानांतरित कर दिया जाए। बहुत सारे लोग इस कोड से "रिटर्न झूठे" भी छोड़ देते हैं और फिर आश्चर्य करते हैं कि वर्तमान पृष्ठ का शीर्ष हमेशा लोड क्यों होता है स्क्रिप्ट के चलने के बाद (जो कि href = "#" पृष्ठ को तब तक करने के लिए कह रहा है जब तक कि सभी ईवेंट हैंडलर से झूठे वापस नहीं आ जाते। बेशक, यदि आपके पास लिंक के गंतव्य के रूप में कुछ सार्थक है, तो आप ऑन्कलिक कोड को चलाने के बाद वहां जाना चाहते हैं और फिर आपको "वापस झूठे" की आवश्यकता नहीं होगी।

बहुत से लोगों को एहसास नहीं है कि ऑनक्लिक ईवेंट हैंडलर को जोड़ा जा सकता है कोई भी जब आपका विज़िटर उस सामग्री पर क्लिक करता है, तो बातचीत करने के लिए वेब पेज में HTML टैग। इसलिए यदि आप चाहते हैं कि जब कोई व्यक्ति किसी ऐसी छवि पर क्लिक करे जिसे आप उपयोग कर सकते हैं:

यदि आप कुछ चलाना चाहते हैं जब लोग कुछ पाठ पर क्लिक करें जिसका आप उपयोग कर सकते हैं:

कुछ पाठ

बेशक, ये स्वचालित दृश्य सुराग नहीं देते हैं कि यदि आपका आगंतुक उन पर क्लिक करता है तो प्रतिक्रिया होगी जिस तरह से एक लिंक करता है, लेकिन आप उस दृश्य सुराग को आसानी से जोड़ सकते हैं जो छवि या स्पैन को स्टाइल करके अपने आप को पर्याप्त बनाता है उचित रूप से।

ऑन्कलिक ईवेंट हैंडलर को संलग्न करने के इन तरीकों के बारे में ध्यान देने योग्य दूसरी बात यह है कि उन्हें इसकी आवश्यकता नहीं है "झूठे लौटें" क्योंकि कोई डिफ़ॉल्ट क्रिया नहीं है जो तब होगी जब तत्व को उस पर क्लिक करना होगा विकलांग।

ओनलीक को जोड़ने के ये तरीके खराब पद्धति पर एक बड़ा सुधार है जिसका उपयोग कई लोग करते हैं लेकिन यह कोडिंग का सबसे अच्छा तरीका होने से अभी भी एक लंबा रास्ता है। उपरोक्त तरीकों में से किसी का उपयोग करके ओनक्लिक जोड़ने के साथ एक समस्या यह है कि यह अभी भी आपके HTML के साथ आपके जावास्क्रिप्ट को मिला रहा है। क्लिक पर है नहीं एक HTML विशेषता, यह एक जावास्क्रिप्ट ईवेंट हैंडलर है। पेज को आसान बनाने के लिए हमारे जावास्क्रिप्ट को हमारे HTML से अलग करने के लिए जैसे कि हमें HTML फ़ाइल से उस ऑनक्लिक संदर्भ को अलग जावास्क्रिप्ट फ़ाइल में लाना होगा जहाँ वह है।

ऐसा करने का सबसे आसान तरीका HTML में onclick को एक के साथ बदलना है आईडी यह ईवेंट हैंडलर को HTML में उपयुक्त स्थान पर संलग्न करना आसान बना देगा। तो हमारे HTML में अब इनमें से एक कथन हो सकता है:

 कुछ पाठ

फिर हम जावास्क्रिप्ट को एक अलग जावास्क्रिप्ट फ़ाइल में कोड कर सकते हैं जो या तो पेज के बॉडी के नीचे से जुड़ा हुआ है या जो पेज के प्रमुख में है और जहां हमारा कोड एक फ़ंक्शन के अंदर है, जिसे पेज लोड होने के बाद खुद कहा जाता है। इवेंट संचालकों को संलग्न करने के लिए हमारा जावास्क्रिप्ट अब इस तरह दिखता है:

document.getElementById ('img1')। onclick = dosomething; document.getElementById ('sp1')। onclick = dosomething;

एक बात ध्यान दें। आप देखेंगे कि हमने हमेशा पूरी तरह से लोअरकेस में ऑनक्लिक लिखा है। उनके HTML में स्टेटमेंट को कोड करते समय आप देखेंगे कि कुछ लोग इसे onClick के रूप में लिखते हैं। यह गलत है क्योंकि जावास्क्रिप्ट इवेंट हैंडलर के नाम सभी लोअरकेस हैं और ऑनक्लिक जैसा कोई हैंडलर नहीं है। जब आप HTML को केस संवेदी नहीं बनाते हैं तो आप इसे सीधे अपने HTML टैग के अंदर जावास्क्रिप्ट में शामिल कर सकते हैं और ब्राउज़र इसे आपके लिए सही नाम पर भेज देगा। जावास्क्रिप्ट के संवेदनशील होने के बाद से आप अपने जावास्क्रिप्ट में गलत पूंजीकरण से दूर नहीं हो सकते हैं और जावास्क्रिप्ट में onClick जैसी कोई चीज नहीं है।

यह कोड पूर्व संस्करणों पर एक बहुत बड़ा सुधार है क्योंकि अब हम दोनों अपने HTML में सही तत्व के लिए ईवेंट संलग्न कर रहे हैं और हमारे पास जावास्क्रिप्ट HTML से पूरी तरह से अलग है। हम आगे भी इस पर सुधार कर सकते हैं।

जो एक समस्या शेष है, वह यह है कि हम केवल एक ऑनक्लिक ईवेंट हैंडलर को एक विशिष्ट तत्व से जोड़ सकते हैं। क्या हमें किसी भी समय एक ही तत्व पर एक अलग ऑनक्लिक ईवेंट हैंडलर को संलग्न करने की आवश्यकता है, तो पहले संलग्न प्रसंस्करण अब उस तत्व से संलग्न नहीं होगा। जब आप विभिन्न उद्देश्यों के लिए अपने वेब पेज पर विभिन्न स्क्रिप्ट्स को जोड़ रहे हैं तो कम से कम एक है संभावना है कि उनमें से दो या अधिक एक ही तत्व होने पर प्रदर्शन करने के लिए कुछ प्रसंस्करण प्रदान करना चाह सकते हैं पर क्लिक किया। इस समस्या का गन्दा समाधान यह पहचानना है कि यह स्थिति कहाँ से उत्पन्न होती है और प्रसंस्करण को संयोजित करने के लिए एक फ़ंक्शन को एक साथ बुलाया जाना चाहिए जो सभी प्रसंस्करण करता है।

जबकि इस तरह की झड़पें onclick के साथ कम आम हैं क्योंकि वे onload के साथ हैं, पहले से संघर्ष को पहचानना और उन्हें एक साथ जोड़ना आदर्श समाधान नहीं है। यह बिल्कुल भी एक समाधान नहीं है जब वास्तविक प्रसंस्करण को समय के साथ तत्व में संलग्न करने की आवश्यकता होती है ताकि कभी-कभी एक काम करना हो, कभी-कभी एक और कभी-कभी दोनों।

सबसे अच्छा समाधान एक इवेंट हैंडलर का उपयोग पूरी तरह से बंद करना है और इसके बजाय एक जावास्क्रिप्ट ईवेंट श्रोता (साथ में) का उपयोग करना है Jscript के लिए इसी अटैचमेंट के साथ- क्योंकि यह उन स्थितियों में से एक है जहां जावास्क्रिप्ट और JScript मतभेद हैं)। हम इसे सबसे आसानी से पहली बार एक AddEvent फ़ंक्शन बनाकर कर सकते हैं जो या तो एक ईवेंट श्रोता या लगाव जोड़ देगा, जिसके आधार पर दोनों में से एक भाषा चलती है जो समर्थन करती है;

function addvent (el, eType, fn, uC) {if (el.addEventListener) {el.addEventListener (eType, fn, uC); सच लौटना; } और यदि (el.attachEvent) {वापसी el.attachEvent ('पर + eType, fn); } }

अब हम उस प्रसंस्करण को संलग्न कर सकते हैं जो हम चाहते हैं कि हमारे तत्व का उपयोग करने पर क्लिक किया जाए:

addEvent (document.getElementById (1 spn1 ’),, क्लिक’, डॉसोमोर्टरिंग, गलत);

किसी तत्व पर क्लिक करने पर कोड को संसाधित करने की इस विधि का उपयोग करने का अर्थ है कि एक और फ़ंक्शन जोड़ने के लिए एक और addEvent कॉल करना जब किसी विशिष्ट तत्व पर क्लिक किया जाता है तो उसे नए प्रसंस्करण के साथ पूर्व प्रसंस्करण से प्रतिस्थापित नहीं किया जाएगा, बल्कि दोनों कार्यों को करने की अनुमति देगा Daud। हमें यह जानने की कोई आवश्यकता नहीं है कि किसी एडवेंट को कॉल करते समय हमारे पास पहले से कोई फ़ंक्शन जुड़ा हुआ है या नहीं जब इसे क्लिक किया जाता है, तो चलाने के लिए नया फ़ंक्शन पहले और पहले से मौजूद फ़ंक्शन के साथ चलाया जाएगा जुड़ा हुआ।

जब किसी तत्व पर क्लिक किया जाता है, तब क्या हमें रन बनाने की क्षमता चाहिए एक ईवेंट श्रोता या संलग्न को हटाने के लिए उपयुक्त फ़ंक्शन को कॉल करने वाला संबंधित डिलीटवेंट फ़ंक्शन प्रतिस्पर्धा?

प्रसंस्करण संलग्न करने के इस अंतिम तरीके का एक नुकसान यह है कि वास्तव में पुराने ब्राउज़र वेब पेज पर इवेंट प्रोसेसिंग को संलग्न करने के इन अपेक्षाकृत नए तरीकों का समर्थन नहीं करते हैं। इस तरह के पुष्ट ब्राउज़रों का उपयोग करने वाले कुछ पर्याप्त लोगों को अब तक जे (एवीए) में अवहेलना करना चाहिए। स्क्रिप्ट हम अपने कोड को इस तरह से लिखने के अलावा लिखते हैं कि यह बड़ी संख्या में त्रुटि का कारण नहीं बनता है संदेश। उपरोक्त फ़ंक्शन को कुछ भी करने के लिए लिखा गया है, यदि कोई भी ऐसा तरीका नहीं है जो इसका उपयोग करता है। इनमें से अधिकांश वास्तव में पुराने ब्राउज़र HTML को संदर्भित करने की getElementById विधि का समर्थन नहीं करते हैं और इसलिए एक सरल अगर (डॉक्यूमेंट .getElementById) गलत है; आपके किसी भी फ़ंक्शंस में जो इस तरह के कॉल करता है, वह भी उचित होगा। बेशक, जावास्क्रिप्ट लिखने वाले बहुत से लोग अभी भी प्राचीन ब्राउज़रों और उन का उपयोग करने के बारे में विचार नहीं कर रहे हैं इसलिए उन उपयोगकर्ताओं को अब तक उनके द्वारा देखे गए लगभग हर वेब पेज पर जावास्क्रिप्ट त्रुटियों को देखने की आदत डालनी चाहिए।

जब आपके विज़िटर किसी चीज़ पर क्लिक करते हैं, तो इन पेजों में से कौन-सा अलग-अलग तरीका है जिससे आप अपने पेज पर प्रोसेसिंग को जोड़ सकते हैं? यदि आप जिस तरह से करते हैं, वह पृष्ठ के शीर्ष पर उदाहरणों के करीब होता है, तो उन उदाहरणों की तुलना में पृष्ठ के निचले भाग में होता है तो शायद यह है जिस समय आपने अपने ऑनक्लिक प्रोसेसिंग को लिखने के तरीके को बेहतर बनाने के बारे में सोचा, उसमें से एक को नीचे प्रस्तुत बेहतर तरीकों में से एक का उपयोग करें पृष्ठ।

क्रॉस-ब्राउज़र इवेंट श्रोता के लिए कोड को देखते हुए आप देखेंगे कि एक चौथा पैरामीटर है जिसे हमने बुलाया था यू सी, जिसका उपयोग पूर्व विवरण से स्पष्ट नहीं है।

ब्राउज़रों के पास दो अलग-अलग ऑर्डर होते हैं, जिसमें वे इवेंट शुरू होने पर घटनाओं को प्रोसेस कर सकते हैं। वे बाहर से अंदर की ओर से काम कर सकते हैं

• UC = कैप्चर चरण के दौरान प्रोसेस करने के लिए सही है
• बुलबुला चरण के दौरान प्रक्रिया के लिए uC = गलत।

इसलिए जहां कई अन्य टैग एक दूसरे के चारों ओर लिपटे हुए हैं, जो कि घटना को कैप्चर चरण पर ट्रिगर किया गया था, सबसे पहले सबसे बाहरी और प्रवेश के साथ शुरू होता है घटना को ट्रिगर करने वाले की ओर और फिर एक बार जब टैग को घटना से जोड़ा गया था तो संसाधित किया गया है बुलबुला चरण प्रक्रिया को उलट देता है और वापस बाहर जाता है फिर।

इंटरनेट एक्सप्लोरर और पारंपरिक इवेंट हैंडलर हमेशा बबल चरण की प्रक्रिया करते हैं और कैप्चर चरण कभी नहीं होते हैं और इसलिए हमेशा सबसे विशिष्ट टैग के साथ शुरू करते हैं और बाहर की ओर काम करते हैं।

तो घटना संचालकों के साथ:

xx