Sometimes, we want to disable right click on images using jQuery.

In this article, we’ll look at how to disable right click on images using jQuery.

How to disable right click on images using jQuery?

To disable right click on images using jQuery, we can return false in the contextmenu event handler.

For instance, we write:

<div id='nearestStaticContainer'>
  <img src='https://i.picsum.photos/id/290/200/300.jpg?hmac=kjRyFwJ6i5kuROjzxcs6QbXbBr8EptbH5AuVxtMxhQ0'>
</div>

to add an img element in a div.

Then we write:

$('#nearestStaticContainer').on('contextmenu', 'img', (e) => {
  return false;
});

to select the div with $.

And then we call on with 'contextmenu, 'img' and the contextmenu event handler for the div.

We listen for the contextmenu event emitted on img elements within the div.

And we return false to disable right clicks on the images.

Conclusion

To disable right click on images using jQuery, we can return false in the contextmenu event handler.