华为手机自带浏览器在web网页中对长按保存的处理 - HarmonyOS技术社区 - 电子技术william hill官网 - 广受欢迎的专业电子william hill官网 - 威廉希尔官方网站
分享 收藏 返回

[问答]

华为手机自带浏览器在web网页中对长按保存的处理

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

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

回帖(1)

杨万富

2023-12-17 11:24:28
以上代码是用于禁止用户选中和拖动元素的CSS代码。然而,华为手机自带浏览器可能不支持或者未完全支持这些CSS属性,导致长按保存功能仍然存在。

要解决这个问题,可以考虑使用JavaScript来阻止默认的长按保存功能。可以通过给img标签添加以下代码来禁用长按保存功能:

```html

```

这将阻止右键菜单的弹出,从而防止用户长按保存图片。

此外,你还可以通过监听长按事件来阻止默认的保存行为。例如:

```javascript
document.addEventListener('contextmenu', function(event) {
   event.preventDefault();
});
```

这将阻止所有元素的默认右键菜单并防止长按保存。

注意:通过以上方法禁用长按保存功能可能会违反用户体验原则,因为长按保存功能通常对用户来说是非常有用的。在实际应用中,需要权衡是否禁用此功能,并更好地与用户进行沟通和解释。

更多回帖

×
发帖