জাভাস্ক্রিপ্ট - # দিয়ে শুরু হলে ক্লিক ফাংশন ডিজেবল করা

এ জন্য জাভাস্ক্রিপ্টে 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) দিয়ে সেভ করুন এবং ফাইলটিতে রাইট ক্লিক করুন। VS কোড এডিটরে Open with live server অপশন সিলেক্ট করুন।

আউটপুট

যদি দুটি লিংকে, Press Me to see logs এবং Press Me to see logs in console-এ ক্লিক করেন, তবে কনসোল আউটপুট পাবেন। কিন্তু Nothing will happen লিংকে ক্লিক করলে কিছুই প্রিন্ট হবে না -

উপরে, আমি Press Me to see logs-এ ক্লিক করেছি আউটপুট দেখাতে।

যদি Nothing will happen লিংকে ক্লিক করেন, তবে নিচের আউটপুট অনুযায়ী কিছুই প্রিন্ট হবে না -