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

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

时间:2023-11-10 21:01:20浏览次数:34  
标签:web none 浏览器 中对长 华为 select CSS user

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


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

对于华为手机自带浏览器的长按保存功能无法禁止的问题,可以尝试使用以下方法来解决:

  1. CSS样式设置:你提到已经对标签进行了CSS设置以禁止长按保存功能,但在华为浏览器中无效。你可以尝试添加一些额外的CSS属性来覆盖默认行为。以下是一些可能的CSS属性:
-webkit-touch-callout: none; /* 禁止长按菜单 */
-webkit-user-select: none; /* 禁止选择文本 */
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

这些CSS属性可以禁止在大多数主流浏览器中进行长按保存或选择文本的操作。但请注意,它们可能无法完全适用于所有浏览器。

  1. JavaScript事件处理:如果CSS样式无效,你可以尝试使用JavaScript来处理长按事件。通过捕获长按事件并阻止默认行为,可以禁止保存功能。以下是使用JavaScript的示例代码:
document.addEventListener('contextmenu', function(e) {
  e.preventDefault(); // 阻止弹出默认的上下文菜单
});

这段代码将捕获浏览器的上下文菜单事件(通常由长按或鼠标右键触发),然后通过调用preventDefault()方法来阻止浏览器默认的菜单弹出行为。

请注意,由于浏览器的差异性,这些解决方案可能对所有版本的华为手机浏览器都不适用。如果无法通过CSS或JavaScript解决该问题,可能需要考虑与华为或相应的开发者社区联系,以了解更多关于禁用长按保存功能的解决方案。


标签:web,none,浏览器,中对长,华为,select,CSS,user
From: https://blog.51cto.com/M82A1/8308429

相关文章

  • 使用nginxWebUI配置Web网站与端口转发​
    使用nginxWebUI配置Web网站与端口转发石家庄王春海刘春福最近我们公司托管了5台服务器到IDC机房,其中4台服务器组成VMware虚拟化集群,为我公司提供50台左右生产环境的虚拟机并对外提供服务,另1台服务器用于备份。IDC机房提供15个公网的IP地址。其中1个公网的IP地址配置在硬件防火墙(......
  • 分享一个神器,可以永远告别chromedriver和chrome浏览器版本不匹配、爬虫无法运行的问题
    一、下载地址:介绍地址:https://pypi.org/project/chromedriver-py/ 下载安装:pipinstallchromedriver-py二、介绍chromedriver-py是一个Python包,提供了一个简单的接口,用于在Python项目中下载和使用GoogleChromeWebDrive(chromedriver)。通过使用chromedriver-py,开发人员可......
  • 软件测试|web自动化测试神器playwright教程(三十八)
    简介在我们使用selenium时,我们可以获取元素的属性,元素的文本值,以及输入框的内容等,作为比selenium更为强大的web自动化测试神器,playwright也可以实现对元素属性,文本值和输入框内容的抓取,并且实现比selenium更为简单,本文我们就为大家介绍一下使用playwright获取元素属性,元素文本值以......
  • 怎么通过LiveNVR流媒体平台配置实现将海康Ehome、ISUP协议统一接入实现Web无插件播放
    @目录1、海康ISUP接入配置2、海康设备接入2.1、海康EHOME接入配置示例2.2、海康ISUP接入配置示例3、通道配置3.1、直播流接入类型海康ISUP3.2、海康ISUP设备ID3.3、启用保存3.4、接入成功4、相关问题4.1、其它方式接入4.2、如何输出GB281815、RTSP/HLS/FLV/RTMP拉流Onvif流媒......
  • 修改Web网页中资源加载的优先级
    在Chrome浏览器中,网络请求的优先级分成了5个等级:Highest最高,如页面HTML资源和CSS文件;High高,如正文图片请求资源;Medium中等,如页面的业务JavaScript文件请求;Low低,如内联的Base64资源,异步加载的JavaScript文件请求;Lowest最低,如发送的统计请求;调整preload预加载默认的优......
  • vue-cli-service vue.config.js配置 productionSourceMap与webpack中的devtool 关联详
    https://webpack.js.org/configuration/devtool/https://cli.vuejs.org/zh/config/#productionsourcemap https://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/config/prod.js#L7 可以在源码中看到if(pro......
  • 13,zabbix web.page.regexp方法
    zabbix-agent#登录agent端,检查页面正常访问时的状态Copy]#curl-i10.117.x.x/path/login.jspHTTP/1.1200OK...#寻找正常页面返回中具有代表性的字符串zabbix-server#通过web.page.regexp匹配字符串检查状态Copy]#zabbix_get-s10.117.x.x-p10050-kweb.page.......
  • playwright启动一个浏览器
    一、start()和stop()的方式:fromplaywright.sync_apiimportsync_playwrightplaywright=sync_playwright().start()browser=playwright.chromium.launch(headless=False)#启动chromium浏览器page=browser.new_page()#打开一个标签页page.goto("http://xxx.xx.......
  • Streamlit项目:基于讯飞星火认知大模型开发Web智能对话应用
    文章目录1前言2API获取3官方文档的调用代码4Streamlit网页的搭建4.1代码及效果展示4.2Streamlit相关知识点5结语1前言科大讯飞公司于2023年8月15日发布了讯飞认知大模型V2.0,这是一款集跨领域知识和语言理解能力于一体的新一代认知智能大模型。前日,博主对讯飞认知大模型......
  • c# webapi 在swagger里添加全局过滤器
    Swagger原理Swagger就是利用反射技术遍历所有Api接口,并且从xml文件中读取注释,在利用Swagger内置的模板组合html显示至客户端实现接口可视化,并且可调用。在WEBApi中,引入了面向切面编程(AOP)的思想,在某些特定的位置可以插入特定的Filter进行过程拦截处理。引入了这一机制可以更......