xxxxxxxxxx
const link = document.querySelector('a');
link.addEventListener('click', function(event) {
event.preventDefault(); // Prevents the default behavior of the click event
});
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
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
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault(); // Prevents form submission
});
xxxxxxxxxx
$('#test').on("keypress",function (evt) {
if (this.value.length == 1 && evt.which == 48 )
{
evt.preventDefault();
}
});