इसके लिए जावास्क्रिप्ट में preventDefault() का उपयोग करें। निम्नलिखित जावास्क्रिप्ट कोड है -
उदाहरण
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <a href="urlLink">Press Me to see logs</a> <a href="urlLink">Press Me to see logs in console</a> <a href="#">Nothing will happen</a> <script> $(function(){ $("a:not([href='#'])").click(function(event){ event.preventDefault(); console.log("You have pressed me!!!!!"); }); }); </script> </body> </html>
उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम anyName.html(index.html) सेव करें और फाइल पर राइट क्लिक करें। विकल्प चुनें लाइव सर्वर से खोलें वीएस . में कोड संपादक।
आउटपुट
यदि आप दो लिंक क्लिक करते हैं, तो मुझे दबाएं लॉग देखने के लिए और मुझे दबाएं कंसोल में लॉग देखने के लिए, आपको कंसोल आउटपुट मिलेगा। हालांकि, यदि आप लिंक पर क्लिक करेंगे कुछ नहीं होगा , तो यह कुछ भी प्रिंट नहीं करेगा -
ऊपर, मैंने मुझे दबाएं . दबाया है आउटपुट प्रदर्शित करने के लिए लॉग देखने के लिए।
यदि आप लिंक पर क्लिक करते हैं कुछ नहीं होगा , तो यह नीचे दिए गए आउटपुट के अनुसार कुछ भी प्रिंट नहीं करेगा -