জাভাস্ক্রিপ্টে ডিফল্ট কর্ম বাতিল করা

কখনও কখনও জাভাস্ক্রিপ্ট ব্যবহার করে ট্যাগের ডিফল্ট কর্ম বাতিল করা প্রয়োজন। উদাহরণস্বরূপ, একটি লিঙ্কে ক্লিক করলে সেই লিঙ্কে নেভিগেশন বাতিল করা। সাধারণত এমনটি প্রয়োজন যখন আমরা সেই লিঙ্কটি শুধুমাত্র কিছু কোড চালানোর জন্য ব্যবহার করি। এই ক্ষেত্রে, লিঙ্কে ক্লিক করলে সেখানে নেভিগেশন হয়ে যাওয়া আমাদের একেবারেই প্রয়োজন নেই।

ডিফল্ট কর্ম বাতিল করা Event অবজেক্টের মাধ্যমে করা হয়। এর জন্য এটির একটি বিশেষ মেথড preventDefault() আছে, যেটি ইভেন্ট হ্যান্ডলারের যেকোনো জায়গায় কল করা উচিত।

আসুন অনুশীলনে চেষ্টা করি। আমাদের কাছে এইরকম একটি লিঙ্ক আছে:

html<a href="/" id="elem">লিঙ্ক</a>

আসুন এমন করি যাতে লিঙ্কে ক্লিক করলে অন্য পৃষ্ঠায় নেভিগেশন না হয়:

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('আপনি এই লিঙ্কে যেতে পারবেন না!');
});