HTML DOM cancelable ইভেন্ট প্রপার্টি HTML ইভেন্টের সাথে সম্পর্কিত কারণ জাভাস্ক্রিপ্ট এই ইভেন্টগুলোর সাথে রিয়েক্ট করতে পারে। cancelable ইভেন্ট প্রপার্টি একটি বুলিয়ান true বা false রিটার্ন করে যা নির্দেশ করে ইভেটটি ক্যান্সেল করা যাবে কিনা।
সিনট্যাক্স
cancelable ইভেন্ট প্রপার্টির সিনট্যাক্স নিচে দেওয়া হলো -
event.cancelable
উদাহরণ
cancelable ইভেন্ট প্রপার্টির একটি উদাহরণ দেখি -
<!DOCTYPE html> <html> <body> <p>নিচের বাটনে হভার করুন onmouseover ক্যান্সেলযোগ্য ইভেন্ট কিনা জানতে</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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে -
CLICK IT বাটনে হভার করলে -
আমরা প্রথমে CLICK IT বাটন তৈরি করেছি যা মাউস হবরে ommouseover ইভেন্ট অবজেক্ট cancelFunction(event) মেথডে পাস করবে।
<button onmouseover="cancelFunction(event)">CLICK IT</button>
cancelFunction(event) মেথড পাস করা ইভেন্ট অবজেক্টের event.cancelable ভ্যালু চেক করে ভেরিয়েবল x-এ অ্যাসাইন করে। কন্ডিশনাল স্টেটমেন্ট ব্যবহার করে চেক করা হয় event.cancellable true বা false রিটার্ন করল এবং উপযুক্ত মেসেজ "Sample" আইডি 가진 প্যারাগ্রাফ ট্যাগে দেখানো হয়েছে -
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"; }
