PreventDefault dừng hành vi mặc định của trình duyệt khi một sự kiện được kích hoạt như chuyển hướng trang khi nhấp chuột vào url, v.v.
Hàm returnfalse cũng dừng hành vi mặc định của trình duyệt khi một sự kiện được kích hoạt và không truyền sự kiện đó. Việc thực thi gọi lại cũng bị dừng và được trả về ngay lập tức khi được gọi.
Sau đây là mã cho PreventDefault () và trả về false trong JavaScript -
Ví dụ
<!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> Đầu ra
Khi nhấp vào liên kết ‘Google’ -
Khi nhấp vào hộp kiểm -
