এই জন্য, JavaScript এ 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-এ কোড এডিটর।
আউটপুট
আপনি যদি দুটি লিঙ্কে ক্লিক করেন, আমাকে চাপুন লগ দেখতে এবং আমাকে টিপুন কনসোলে লগ দেখতে, তারপর আপনি কনসোল আউটপুট পাবেন। যাইহোক, আপনি লিঙ্কে ক্লিক করলে কিছুই হবে না , তাহলে এটি কিছুই প্রিন্ট করবে না -
উপরে, আমি প্রেস মি টিপেছি আউটপুট প্রদর্শনের জন্য লগ দেখতে।
আপনি লিঙ্কে ক্লিক করলে কিছুই হবে না , তাহলে এটি নিচের আউটপুট −
এর মতো কিছুই প্রিন্ট করবে না
