প্রিভেটডিফল্ট ডিফল্ট ব্রাউজার আচরণ বন্ধ করে দেয় যখন কোনো ইভেন্ট গুলি করা হয় যেমন 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> আউটপুট
'গুগল' লিঙ্কে ক্লিক করলে -
চেকবক্সে ক্লিক করলে -
