img禁止右键菜单图片另存为,复制_context-menu设为浏览器默认的刷新前进后退等按钮

img pointer-events: none; 的效果

在图片上鼠标右键测试一下吧~

效果：img图片标签上，能正常使用鼠标右键，右键菜单会显示 前进、后退、重新加载（刷新）、网页另存为...等菜单
我一般选择这种。
其他的图片无法右键的方式，用户会感觉奇怪：为什么没有右键菜单，给用户造成困扰。
如果想阻止右键，并且图片上保留浏览器默认的、最普通的菜单，可能是更好的选择。
除了禁止图片标签能使用这种方法，web网页的视频video标签、canvas元素等等，都是参考此demo，实现右键菜单的修改、定制。
"pointer-events: none" can keep all normal context menu items.

img oncontextmenu="return false" 的效果

在图片上鼠标右键测试一下吧~

效果：鼠标右键在img图片上无法使用，右键不出任何菜单，彻底阻止了鼠标右键菜单
oncontextmenu="return false" will remove all context menu items.

img oncontextmenu="event.preventDefault()" 的效果

在图片上鼠标右键测试一下吧~

效果：鼠标右键在img图片上无法使用，右键不出任何菜单，彻底禁止了鼠标右键菜单
oncontextmenu="event.preventDefault()" will remove all context menu items.

img 默认的效果

在图片上鼠标右键测试一下吧~

效果：鼠标右键在img图片上，只有图片另存为、复制图片等菜单，没有 前进、后退、重新加载（刷新）、网页另存为...等菜单
有时候你img应该是css背景图一样，这可能就需要用上述方式禁止图片的右键了。

以上用到的世界各国的国旗图片的，参考了 世界各国国旗图片、svg资源 | One More Tech
更多国旗的开源项目、CDN图片资源，参考: 世界各国国旗图片png,svg资源素材CDN,country-flags | Demo100