Sometimes, we want to access event object to call preventDefault from custom function originating from onclick attribute of tag with JavaScript.
In this article, we’ll look at how to access event object to call preventDefault from custom function originating from onclick attribute of tag with JavaScript.
How to access event object to call preventDefault from custom function originating from onclick attribute of tag with JavaScript?
To access event object to call preventDefault from custom function originating from onclick attribute of tag with JavaScript, we call the onclick handler with event.
For instance, we write
<a href="http://example.com" onclick="sayHi(event);">Click to say Hi</a>
to add a link that sets the onclick attribute to call sayHi with the event object.
Then we write
function sayHi(e) {
e.preventDefault();
alert("hi");
}
to call e.preventDefault in the sayHi function.
Conclusion
To access event object to call preventDefault from custom function originating from onclick attribute of tag with JavaScript, we call the onclick handler with event.
