Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML defaultPrevented इवेंट प्रॉपर्टी: preventDefault() जांचना

defaultPrevented इवेंट प्रॉपर्टी

defaultPrevented प्रॉपर्टी जांचती है कि क्या इवेंट पर preventDefault() मेथड कॉल किया गया था। यह बूलियन मान लौटाती है: true यदि preventDefault() कॉल किया गया, अन्यथा false।

सिंटैक्स

event.defaultPrevented

उदाहरण: लिंक क्लिक पर डिफ़ॉल्ट रोकना और जांचना

<!DOCTYPE html>
<html>
<body>
  <h2>डेमो हेडिंग</h2>
  <a id="myLink" href="https://example.com/">डेमो (मुझे क्लिक करें)</a>
  <script>
    document.getElementById("myLink").addEventListener("click", function(event) {
      event.preventDefault();  // डिफ़ॉल्ट नेविगेशन रोकें
      alert("क्या preventDefault() कॉल किया गया: " + event.defaultPrevented);
    });
  </script>
</body>
</html>

आउटपुट

लिंक पर क्लिक करने पर अलर्ट दिखाएगा: "क्या preventDefault() कॉल किया गया: true"

लिंक नेविगेशन नहीं होगा (पेज नहीं बदलेगा)।

उपयोग के मामले

  • इवेंट हैंडलर में जांचें कि क्या पहले ही कोई हैंडलर ने preventDefault() कॉल किया
  • कस्टम इवेंट्स में डिफ़ॉल्ट एक्शन स्थिति ट्रैक करना
  • फॉर्म वैलिडेशन: यदि कोई वैलिडेटर पहले ही रद्द कर चुका तो आगे प्रोसेस न करें

संबंधित मेथड्स/प्रॉपर्टीज

नाम विवरण
preventDefault()डिफ़ॉल्ट ब्राउज़र व्यवहार रोकता है
defaultPreventedजांचता है कि preventDefault() कॉल हुआ या नहीं
stopPropagation()इवेंट बबलिंग रोकता है
stopImmediatePropagation()बबलिंग और अन्य हैंडलर्स रोकता है
cancelableजांचता है कि इवेंट रद्द करने योग्य है या नहीं

नोट

defaultPrevented केवल पढ़ने योग्य (read-only) है। इसे सेट नहीं किया जा सकता।

  1. HTML DOM timeStamp इवेंट प्रॉपर्टी HTML DOM timeStamp इवेंट प्रॉपर्टी

    HTML DOM timeStamp प्रॉपर्टी इवेंट के निर्माण या ट्रिगर होने के समय को मिलीसेकंड में लौटाती है। नोट: timeStamp केवल तभी काम करता है जब इवेंट सिस्टम उस विशेष इवेंट के लिए इसका समर्थन करता हो। सिंटैक्स event.timeStamp उदाहरण <!DOCTYPE html> <html> <head> <title>timeStamp Event

  1. HTML DOM TouchEvent touches प्रॉपर्टी HTML DOM TouchEvent touches प्रॉपर्टी

    HTML DOM TouchEvent touches प्रॉपर्टी टच सरफेस पर ट्रिगर हुए सभी संपर्क बिंदुओं की सूची दर्शाने वाला TouchList ऑब्जेक्ट लौटाती है। नोट: यदि निर्दिष्ट नोड या उसके किसी चाइल्ड नोड पर टच ट्रिगर होता है तो बाद के टच भी गिने जाएंगे भले ही वे उसी नोड पर ट्रिगर न हुए हों। सिंटैक्स event.touches नोट: हमने

  1. HTML DOM Event type प्रॉपर्टी HTML DOM Event type प्रॉपर्टी

    HTML DOM Event type प्रॉपर्टी इवेंट के प्रकार जैसे click, keypress, load, या touchend को दर्शाने वाला स्ट्रिंग लौटाती है। सिंटैक्स event.type उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM Event type</title> <style>    form {