जावास्क्रिप्ट में डिफ़ॉल्ट एक्शन को रद्द करना
कभी-कभी जावास्क्रिप्ट का उपयोग करके टैग के डिफ़ॉल्ट एक्शन को रद्द करने की आवश्यकता होती है। उदाहरण के लिए, एक लिंक पर क्लिक करने पर उस लिंक पर नेविगेशन को रद्द करना। आमतौर पर ऐसा तब आवश्यक होता है जब हम उस लिंक का उपयोग केवल कोड चलाने के लिए कर रहे होते हैं। इस स्थिति में, लिंक पर क्लिक करने पर उस पर नेविगेशन होना हमारे लिए बिल्कुल भी आवश्यक नहीं है।
डिफ़ॉल्ट एक्शन को रद्द करना Event ऑब्जेक्ट
का उपयोग करके किया जाता है। इसके लिए
इसमें एक विशेष मेथड preventDefault() है,
जिसे इवेंट हैंडलर में कहीं भी कॉल किया जाना चाहिए।
आइए व्यवहार में कोशिश करते हैं। मान लीजिए कि हमारे पास इस प्रकार का एक लिंक है:
<a href="/" id="elem">लिंक</a>
आइए हम ऐसा व्यवस्थित करें कि लिंक पर क्लिक करने पर दूसरे पेज पर नेविगेशन न हो:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('आप इस लिंक पर नेविगेट नहीं कर सकते!');
});
लिंक दिए गए हैं। ऐसा व्यवस्थित करें कि लिंक पर क्लिक करने पर उसके href को उसके अंत में जोड़ा जाए, और लिंक पर नेविगेशन न हो।
दो इनपुट, एक पैराग्राफ और एक लिंक दिए गए हैं। मान लीजिए इनपुट में नंबर दर्ज किए जाते हैं। ऐसा व्यवस्थित करें कि लिंक पर क्लिक करने पर दर्ज किए गए नंबरों का योग पैराग्राफ में लिखा जाए।
