zoukankan      html  css  js  c++  java
  • h5 安卓/IOS长按图片、文字禁止选中或弹出系统菜单 的解决方法

    最近在做IM的语音功能,发现当长按录音的时候手机会弹出来系统菜单,


    IOS下bug形式:
    1)长按的标签设置为css background的形式:不会弹出菜单;

    2)但是当设置为img时,系统默认识别为保存图片的行为,因而会产生以下系统菜单:

           
    3) 当前标签为纯文字时,会弹出选中文字的系统菜单;



    安卓的bug形式如下:

      1)当设置为css的background形式时候,系统默认对整个网页进行操作,因而产生以下菜单:

        

      2) 当设置为img标签时,系统默认识别用户为保存图片,因而产生以下菜单:

       

       3) 当长按纯文字的标签时,系统会在1)的基础上增加一个 “选择复制”的菜单项;

      解决办法:

       1)ios:  禁止选中CSS样式即可,-webkit-touch-callout: none; 或 e.preventDefault();

      2)安卓:只能用js来控制: e.preventDefault();

      //另外return false 未测试,有兴趣的同学可以自己动手试试哦。 

      

     

    -------------------------------------------------------------------------------

    如有错误,欢迎评论指正、共同提高。[握手]    

    欢迎转载,转载请注明:转载自[ http://www.cnblogs.com/juneling ]

  • 相关阅读:
    html不点击提交,自动post
    wpf slider刻度
    visual studio 的 code snippet(代码片段)
    更换手机号之前
    post提交
    动态修改settings
    获取文件数据流+叠加byte数组(给byte数组加包头包尾)
    装箱与拆箱
    ue4中窗口打开web地址
    C++通过Callback向C#传递数据,注意问题
  • 原文地址:https://www.cnblogs.com/juneling/p/8569439.html
Copyright © 2011-2022 走看看