zoukankan      html  css  js  c++  java
  • 知识点---移动端禁止输入表情符号

    移动端过禁止输入emoji表情实现方案

     

    最近手头上的项目有一个需求就是输入框不能输入表情,然后就各种在网上找资料,网上好多人给的方案是:

    str = str.replace(/uD83C[uDF00-uDFFF]|uD83D[uDC00-uDE4F]/g, "");

    用法大概就是:

    <input onkeyup = "this.value = value.replace(/uD83C[uDF00-uDFFF]|uD83D[uDC00-uDE4F]/g, "")">;

    这个对于搜狗输入法是有用的,但是我手机上换了讯飞输入法试了试,并没什么卵用,第三方书法的emoji表情unicode编码范围还真不好确定。

    所以反着来。你不让输入表情,我就只能输入中文,英文,数字,标点符号不就实现需求了吗?

    <input type="text" id="ipt1" oninput="value = value.replace(/[^u4E00-u9FA5|d|a-zA-Z|
    s,.?!,。?!…—&$=()-+/*{}[]]|s/g, '')" />

    亲测有效。

    ///////////////////////////////////////////////////////////////////////////////

    更新:

    /////////////////////////////////////////////////////////////////////////////

    上述的代码在ios端出现各种神奇的bug,简单点就是ios下不可用。所以还得找方法。还是找到了

    复制代码
            // 判断是ios还是安卓
            if (ios_or_android() == 'ios') {
                $("#post").on("keyup", function(){
                    var param = $(this).val();
                    var regRule = /[^u4E00-u9FA5|d|a-zA-Z|
    s,.?!,。?!…—&$=()-+/*{}[]]|s/g;
                    $(this).val(param.replace(regRule,""));
                })     
            } else {
    
                $("#post").on("input", function(){
                    var param = $(this).val();
                    var regRule = /[^u4E00-u9FA5|d|a-zA-Z|
    s,.?!,。?!…—&$=()-+/*{}[]]|s/g;
                    $(this).val(param.replace(regRule,""));
                })
            }
    
            /*
            @功能:判断终端是ios还是安卓
             */ 
            function ios_or_android() {
              var u = navigator.userAgent;
              var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
              var isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    
              if (isAndroid) {
                return 'and';
              } else {
                return 'ios';
              }
            }
    复制代码
  • 相关阅读:
    JS计算字符串长度(兼容后端PHP)
    使用iview-admin2构建的项目,热更新无法启动
    关于HSTS的总结
    (转)javascript兼容问题总结
    js写一个通讯录
    HTML5+通讯录获取指定多个人的信息
    MUI封装的选择器调用
    心得小细节(一)
    读后感(一) web运作原理探析
    码农和软件开发工程师
  • 原文地址:https://www.cnblogs.com/liaohongwei/p/10725187.html
Copyright © 2011-2022 走看看