Categories
JavaScript Answers

How to add img element onclick event handler with JavaScript?

Spread the love

Sometimes, we want to add img element onclick event handler with JavaScript.

In this article, we’ll look at how to add img element onclick event handler with JavaScript.

How to add img element onclick event handler with JavaScript?

To add img element onclick event handler with JavaScript, we set the onclick attribute to the JavaScript code we want to run.

For instance, we write

<img src="https://picsum.photos/30/30" onclick="window.open(this.src)" />

to set the onclick attribute to window.open(this.src) to call window.open with the img element’s src attribute to open the image in a new window when we click the image.

Conclusion

To add img element onclick event handler with JavaScript, we set the onclick attribute to the JavaScript code we want to run.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *