xxxxxxxxxx
Set the href attribute as href="javascript:;"
<a href="javascript:;">Navigation Disabled</a>
xxxxxxxxxx
//All the anchors
var anchors = document.getElementsByTagName('a');
for(i=0, len=anchors.length; i<len; i++){
anchors[i].addEventListener('click', function(e){e.preventDefault();});
}
// By ID
document.getElementById('someId').addEventListener('click', function(e){ //say this is an anchor
e.preventDefault();
//do something
});
//by className
var anchors = document.getElementsByClassName("className");
for(i=0, len=anchors.length; i<len; i++){
anchors[i].addEventListener('click', function(e){e.preventDefault();});
}
xxxxxxxxxx
const link = document.querySelector('a');
link.addEventListener('click', function(event) {
event.preventDefault(); // Prevents the default behavior of the click event
});
xxxxxxxxxx
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault(); // Prevents form submission
});