preventDefault() ब्राउज़र के डिफ़ॉल्ट व्यवहार को रोकता है जब कोई इवेंट फायर होता है, जैसे URL क्लिक पर पेज रीडायरेक्ट न करना।
return false भी ब्राउज़र के डिफ़ॉल्ट व्यवहार को रोकता है और इवेंट को प्रोपेगेट नहीं होने देता। कॉलबैक एक्जीक्यूशन भी तुरंत रुक जाता है जब इसे कॉल किया जाता है।
जावास्क्रिप्ट में preventDefault() और return false के लिए कोड निम्नलिखित है:
उदाहरण
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-weight: 500; font-size: 18px; color: blueviolet; } </style> </head> <body> <h1>preventDefault() Vs return false</h1> <a href="https://www.google.com" class="link">Google</a> <input type="checkbox" class="check" onclick="return checkedOrNot(false)"/><br /> <div class="result"></div> <br /> <div class="result"></div> <h3>Click on the above link or checkbox to see preventdefault() or return false in action</h3> <script> let resEle = document.querySelectorAll(".result"); let linkEle = document.querySelector(".link"); let checkEle = document.querySelector(".check"); function printText(event) { resEle[0].innerHTML ="preventDefault() has stopped the default link behaviour"; event.preventDefault(); } function checkedOrNot(val) { if (val === true) { checkEle.checked = true; } else { resEle[1].innerHTML = "return false prevented the checkbox from being checked"; return false; } } linkEle.addEventListener("click", printText); </script> </body> </html>
आउटपुट
'Google' लिंक पर क्लिक करने पर:
चेकबॉक्स पर क्लिक करने पर:
