移动端实现长按图片弹出保存,二维码扫描弹窗

    技术2022-07-16  84

    手机应该都有这个功能 1.img如果有这个pointer-events: none;属性就不会出现扫描弹窗,删掉或者把值改成all就行

    2.也许会出现长按图片没有出现保存弹框,而是选中了页面中的某个字段 用css控制页面文字不能被选中

    -moz-user-select:none;/火狐/ -webkit-user-select:none;/webkit浏览器/ -ms-user-select:none;/IE10/ -khtml-user-select:none;/早期浏览器/ user-select:none;

    3.ios长按图片出现了放大镜效果,解决方法 -webkit-user-select: none

    img{width: 100%;height: 100%;vertical-align: top; pointer-events: all;-webkit-touch-callout:default;-webkit-user-select: none;} 以后补充---------

    -webkit-touch-callout:default;会出现弹窗 -webkit-touch-callout: none;弹窗不会出现 ios点击数字会弹出拨打电话弹出框:解决方案:将下列代码添加到页面的head中

    <meta name="format-detection" content="telephone=no"> <meta http-equiv="x-rim-auto-match" content="none">

    老实说我是一脸懵逼的保存了二维码,也没写啥功能,不过希望有大佬教我一下

    Processed: 0.008, SQL: 9