JavaScript event.preventDefault() Method

February 8, 2021 10:45 am IST

You are Here:

JavaScript event.preventDefault() Method

The event.preventDefault() method cancels the event if it is cancelable, i.e., the default action of the event should not be taken as it normally would be.

Note: The event.preventDefault() method does not prevent further propagation of an event. Use the event.stopPropagation() or event.stopImmediatePropagation(), either of which terminates propagation at once.

Note: This method will have no effect for a non-cancelable event, such as one dispatched via element.dispatchEvent(), without specifying cancelable: true.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <a onclick="myFunction(event)" href="/jquery">Learn Jquery</a> <script> function myFunction(e){ e.preventDefault(); } </script> </body> </html>

Run