华为手机自带浏览器在web网页中对长按保存无法禁止？

Question

在最近的开发过程中，遇到一个问题，在实现拖动图片(img标签)时，如果未拖动而长按图片，会触发保存功能。在对标签进行CSS设置以后，其他的浏览器都已禁止了长按保存功能，现在只留下华为自带的浏览器还存在长按保存的功能。

-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

Answer 1

可能是你这个测试机的浏览器版本内核比较低,不支持这个属性,有几种方案

• 可以尝试img统一用background实现
• img上面加一层透明遮罩
• pointer-events:none; img加上这个属性,禁用所有点击事件