কম্পিউটার টিউটোরিয়াল

HTML cancelable ইভেন্ট প্রোপার্টি


cancelable ইভেন্ট প্রোপার্টি

cancelable ইভেন্ট প্রোপার্টি একটি বুলিয়ান মান রিটার্ন করে যা নির্দেশ করে কো প্রদত্ত ইভেন্ট কি ক্যাঞ্সেলযোগ্য (cancelable) বা নয়। যদি ইভেন্টটি ক্যাঞ্সেলযোগ্য হয়, তবে true রিটার্ন করে, অন্যথায় false।

এই প্রোপার্টি খুবই গুরুত্বপূর্ণ যখন আপনি event.preventDefault() কল করতে চান — কারণ নন-ক্যাঞ্সেলযোগ্য ইভেন্টে preventDefault() কল করলে কোনো ফলাফল হয় না।

সিনট্যাক্স

event.cancelable

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>Cancelable ইভেন্ট যাচাই</h2>
  <p>নিচের বাটনে ক্লিক করলে ইভেন্টটি ক্যাঞ্সেলযোগ্য কিনা দেখাবে।</p>
  <button onclick="myFunction(event)">ক্লিক করুন</button>
  <p id="result"></p>
  <script>
    function myFunction(event) {
      var val = event.cancelable;
      document.getElementById("result").innerHTML = "Cancelable: " + val;
    }
  </script>
</body>
</html>

আউটপুট

HTML cancelable ইভেন্ট প্রোপার্টি

বাটনে ক্লিক করলে একটি বুলিয়ান মান প্রদর্শিত হবে:

HTML cancelable ইভেন্ট প্রোপার্টি

কौন ইভেন্টগুলো Cancelable?

ইভেন্ট টাইপ Cancelable?
click, mousedown, keydown, submit ✅ হ্যাঁ
scroll, load, error ❌ না
wheel (passive listener-এ) ❌ না (ডিফল্টে)

ব্যবহারিক টিপস

  • if (event.cancelable) event.preventDefault(); প্যাটার্ন ব্যবহার করুন সেফলি।
  • প্যাসিভ লিসেনার (passive listener) যুক্ত ইভেন্টগুলো সাধারণত non-cancelable হয়।
  1. HTML DOM KeyboardEvent altKey প্রপার্টি

  2. HTML DOM timeStamp ইভেন্ট প্রপার্টি

  3. HTML DOM TouchEvent touches প্রপার্টি

  4. HTML DOM Event type প্রপার্টি