Javascript 禁用手机中的默认保存图像选项
当我将鼠标悬停在手机上的图像上时,会显示以下选项:Javascript 禁用手机中的默认保存图像选项,javascript,jquery,html,Javascript,Jquery,Html,当我将鼠标悬停在手机上的图像上时,会显示以下选项: 保存图像 开放图像 在“新建”选项卡中打开图像 如何禁用这些选项 我在谷歌上搜索得到了下面的代码,但代码不起作用 .disableSave { -webkit-user-select:none; -webkit-touch-callout:none; } 这类事情很棘手,因为当您的手机/浏览器加载页面时,它会下载图像,例如,用户将以任何方式在缓存中保存所有图像,通常使用右键单击的功能可以通过JS禁用,但是没有完全证明在手机上实际禁用右
.disableSave {
-webkit-user-select:none;
-webkit-touch-callout:none;
}
这类事情很棘手,因为当您的手机/浏览器加载页面时,它会下载图像,例如,用户将以任何方式在缓存中保存所有图像,通常使用右键单击的功能可以通过JS禁用,但是没有完全证明在手机上实际禁用右键单击功能,您可以将图像设置为
背景图像
,只要按住它,基本上不会触发下载,而且由于手机没有developermode,他们也不能简单地检查元素以获取图像源(使用safari与mac结合时的iOS设备除外)。简单的解决方案
对于iOS,请使用以下命令:
.disableSave {
-webkit-user-select:none;
-webkit-touch-callout:none;
}
对于Android,请使用:
oncontextmenu="return false;";
我在移动和桌面浏览器中使用了以下CSS和禁用的图像选择+保存
img {
pointer-events: none;
}
“在手机上”-什么操作系统?什么浏览器?我用三星格兰德。。。。安德烈没有回答我的任何问题。你用的是三星。所以我想你在用安卓?什么版本的android?在安卓系统上,您是否使用股票安卓浏览器或其他什么?我正在寻找通用的解决方案,而不是针对特定的安卓系统……….我知道上述解决方案适用于IOS,但您在上面做了什么测试?我可以使用
元素中的.disableSave
类吗?我需要把它放在一个Wordpress组件中,在那里我不能添加自定义类。提前谢谢