HTML DOM cancelable इवेंट प्रॉपर्टी HTML इवेंट्स से जुड़ी होती है क्योंकि JavaScript इन इवेंट्स पर प्रतिक्रिया दे सकता है। cancelable इवेंट प्रॉपर्टी एक बूलियन true या false वापस करती है जो दर्शाता है कि इवेंट को कैंसल किया जा सकता है या नहीं।
सिंटैक्स (Syntax)
cancelable इवेंट प्रॉपर्टी का सिंटैक्स:
event.cancelable
उदाहरण (Example)
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>आउटपुट (Output)
इससे निम्नलिखित आउटपुट प्राप्त होगा:
CLICK IT बटन पर होवर करने पर:
हमने पहले एक CLICK IT बटन बनाया जो माउस होवर पर onmouseover इवेंट ऑब्जेक्ट को cancelFunction(event) मेथड में पास करेगा:
<button onmouseover="cancelFunction(event)">CLICK IT</button>
cancelFunction(event) मेथड पास किए गए इवेंट ऑब्जेक्ट के लिए event.cancelable वैल्यू को चेक करता है और इसे वेरिएबल x में असाइन करता है। कंडीशनल स्टेटमेंट्स का उपयोग करके हम चेक करते हैं कि event.cancelable ने 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"; }
