xxxxxxxxxx
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault(); // Prevents form submission
});
xxxxxxxxxx
const form = document.querySelector('form');
form.addEventListener('submit', (event) => {
event.preventDefault(); // prevents the form from being submitted
// Your custom logic goes here
});
xxxxxxxxxx
Set the href attribute as href="javascript:;"
<a href="javascript:;">Navigation Disabled</a>
xxxxxxxxxx
const link = document.querySelector('a');
link.addEventListener('click', function(event) {
event.preventDefault(); // Prevents the default behavior of the click event
});
xxxxxxxxxx
document.getElementsByTagName('form')[0].addEventListener('click', function(event) {
event.preventDefault();
});
xxxxxxxxxx
document.querySelector("#id-checkbox").addEventListener("click", function(event) {
document.getElementById("output-box").innerHTML += "Sorry! <code>preventDefault()</code> won't let you check this!<br>";
event.preventDefault();
}, false);
xxxxxxxxxx
$('#test').on("keypress",function (evt) {
if (this.value.length == 1 && evt.which == 48 )
{
evt.preventDefault();
}
});
xxxxxxxxxx
The preventDefault() method of the Event interface tells the user agent
that if the event does not get explicitly handled, its default action
should not be taken as it normally would be.