Disable Default Save Image Option In Mobile

Question

When I hover hold on an image on mobile following options appears:

1. Save Image
2. Open Image
3. Open Image in new tab.

How can I disable these options?

I googled and got the below code which is not working

.disableSave {
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}

Answer 1

Simple solution.

For iOS, use the following:

.disableSave {
    -webkit-user-select:none;
    -webkit-touch-callout:none;
}

For Android, use:

oncontextmenu="return false;";

Answer 2

I used the following CSS and disabled image select + save in mobile and desktop browsers.

img {
  pointer-events: none;
}