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

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

-webkit-touch-callout: none;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;


回答:

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

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

以上是 华为手机自带浏览器在web网页中对长按保存无法禁止? 的全部内容, 来源链接: utcz.com/p/935132.html

回到顶部