HTML DOM বাতিলযোগ্য ইভেন্ট সম্পত্তি

HTML DOM বাতিলযোগ্য ইভেন্ট সম্পত্তি HTML ইভেন্টগুলির সাথে যুক্ত কারণ জাভাস্ক্রিপ্ট এই ইভেন্টগুলিতে প্রতিক্রিয়া জানাতে পারে। বাতিলযোগ্য ইভেন্ট সম্পত্তি একটি বুলিয়ান সত্য বা মিথ্যা প্রদান করে যা ইঙ্গিত করে ইভেন্টটি বাতিল করা যেতে পারে কি না।

সিনট্যাক্স

বাতিলযোগ্য ইভেন্ট সম্পত্তি -

-এর সিনট্যাক্স নিচে দেওয়া হল

event.cancelable

উদাহরণ

আসুন বাতিলযোগ্য ইভেন্ট সম্পত্তির একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<body>
<p>Hover over the button below to find out if onmouseover is cancellable event or not</p>
<button onmouseover="cancelFunction(event)">CLICK IT</button>
<p id="Sample"></p>
<script>
   function cancelFunction(event) {
      var x = event.cancelable;
      if(x==true)
         document.getElementById("Sample").innerHTML = "The onmouseover event is cancellable";
      else
         document.getElementById("Sample").innerHTML = "The onmouseover event is not
      cancellable";

   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM বাতিলযোগ্য ইভেন্ট সম্পত্তি

ক্লিক IT বোতাম-

-এর উপর হোভার করার সময়

HTML DOM বাতিলযোগ্য ইভেন্ট সম্পত্তি

আমরা প্রথমে একটি বোতাম CLICK IT তৈরি করেছি যা মাউস হভারে ওমাউসওভার ইভেন্ট অবজেক্টকে ক্যান্সেল ফাংশন(ইভেন্ট) পদ্ধতিতে পাস করবে।

<button onmouseover="cancelFunction(event)">CLICK IT</button>

cancelFunction(ইভেন্ট) পদ্ধতিটি পাস করা ইভেন্ট অবজেক্টের জন্য event.cancelable মান পরীক্ষা করে এবং এটি পরিবর্তনশীল x-এ বরাদ্দ করে। শর্তসাপেক্ষ বিবৃতি ব্যবহার করে আমরা পরীক্ষা করি যে ঘটনাটি বাতিলযোগ্য সত্য বা মিথ্যা প্রত্যাবর্তন করে এবং তারপর অনুচ্ছেদ ট্যাগে উপযুক্ত বার্তা প্রদর্শন করি যার আইডি সমান "নমুনা" -

function cancelFunction(event) {
   var x = event.cancelable;
   if(x==true)
      document.getElementById("Sample").innerHTML = "The onmouseover event is cancellable";
   else
      document.getElementById("Sample").innerHTML = "The onmouseover event is not cancellable";
}