জাভাস্ক্রিপ্টে ডিফল্ট কর্ম বাতিল করা
কখনও কখনও জাভাস্ক্রিপ্ট ব্যবহার করে ট্যাগের ডিফল্ট কর্ম বাতিল করা প্রয়োজন। উদাহরণস্বরূপ, একটি লিঙ্কে ক্লিক করলে সেই লিঙ্কে নেভিগেশন বাতিল করা। সাধারণত এমনটি প্রয়োজন যখন আমরা সেই লিঙ্কটি শুধুমাত্র কিছু কোড চালানোর জন্য ব্যবহার করি। এই ক্ষেত্রে, লিঙ্কে ক্লিক করলে সেখানে নেভিগেশন হয়ে যাওয়া আমাদের একেবারেই প্রয়োজন নেই।
ডিফল্ট কর্ম বাতিল করা Event অবজেক্টের
মাধ্যমে করা হয়। এর জন্য এটির একটি বিশেষ মেথড
preventDefault() আছে,
যেটি ইভেন্ট হ্যান্ডলারের যেকোনো জায়গায় কল করা উচিত।
আসুন অনুশীলনে চেষ্টা করি। আমাদের কাছে এইরকম একটি লিঙ্ক আছে:
<a href="/" id="elem">লিঙ্ক</a>
আসুন এমন করি যাতে লিঙ্কে ক্লিক করলে অন্য পৃষ্ঠায় নেভিগেশন না হয়:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('আপনি এই লিঙ্কে যেতে পারবেন না!');
});
লিঙ্কগুলি দেওয়া আছে। এমন করুন যাতে লিঙ্কে ক্লিক করলে এর শেষে এর href লেখা হয়, এবং লিঙ্কে নেভিগেশন না ঘটে।
দুটি ইনপুট, একটি প্যারাগ্রাফ এবং একটি লিঙ্ক দেওয়া আছে। ইনপুটগুলিতে সংখ্যা ইনপুট করা হোক। এমন করুন যাতে লিঙ্কে ক্লিক করলে প্যারাগ্রাফে ইনপুটকৃত সংখ্যাগুলির যোগফল লেখা হয়।
