जब कोई ईवेंट फ़ायर किया जाता है, जैसे url क्लिक पर पेज को रीडायरेक्ट नहीं करना आदि, तो PreventDefault डिफ़ॉल्ट ब्राउज़र व्यवहार को रोक देता है।
जब कोई ईवेंट निकाल दिया जाता है तो रिटर्नफ़ल्स डिफ़ॉल्ट ब्राउज़र व्यवहार को भी रोकता है और ईवेंट को प्रचारित नहीं होने देता है। कॉलबैक निष्पादन भी रोक दिया जाता है, कॉल किए जाने पर तुरंत वापस कर दिया जाता है।
प्रिवेंटडिफॉल्ट () के लिए कोड निम्नलिखित है और जावास्क्रिप्ट में झूठी वापसी करता है -
उदाहरण
<!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> आउटपुट
'गूगल' लिंक पर क्लिक करने पर -
चेकबॉक्स पर क्लिक करने पर -
