जावास्क्रिप्ट में डिफ़ॉल्ट एक्शन को रद्द करना

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

डिफ़ॉल्ट एक्शन को रद्द करना Event ऑब्जेक्ट का उपयोग करके किया जाता है। इसके लिए इसमें एक विशेष मेथड preventDefault() है, जिसे इवेंट हैंडलर में कहीं भी कॉल किया जाना चाहिए।

आइए व्यवहार में कोशिश करते हैं। मान लीजिए कि हमारे पास इस प्रकार का एक लिंक है:

html<a href="/" id="elem">लिंक</a>

आइए हम ऐसा व्यवस्थित करें कि लिंक पर क्लिक करने पर दूसरे पेज पर नेविगेशन न हो:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('आप इस लिंक पर नेविगेट नहीं कर सकते!');
});