How to cancel an event in Javascript?
Various Ways to Cancel Events in JavaScript
1. Use event. preventDefault() to cancel events in JavaScript.
2. Use event. stopPropagation() to cancel events in JavaScript.
3. Use return false to cancel events in JavaScript.
cancel an event in javascript
// call the preventDefault() method on the event
function preventScrollWheel(event) {
if (typeof event.cancelable !== 'boolean' || event.cancelable) {
event.preventDefault();
} else {
// to call preventDefault() on it.
console.warn(`The following event couldn't be canceled:`);
console.dir(event);
}
}
document.addEventListener('wheel', preventScrollWheel);
document.getElementById("anchor").addEventListener("click", function(e){
e.preventDefault();
});
Output
