js判断与过滤emoji表情的方法

一.js判断文本中是否有emoji表情

[javascript]  view plain  copy
  1. function isEmojiCharacter(substring) {  
  2.     for ( var i = 0; i < substring.length; i++) {  
  3.         var hs = substring.charCodeAt(i);  
  4.         if (0xd800 <= hs && hs <= 0xdbff) {  
  5.             if (substring.length > 1) {  
  6.                 var ls = substring.charCodeAt(i + 1);  
  7.                 var uc = ((hs - 0xd800) * 0x400) + (ls - 0xdc00) + 0x10000;  
  8.                 if (0x1d000 <= uc && uc <= 0x1f77f) {  
  9.                     return true;  
  10.                 }  
  11.             }  
  12.         } else if (substring.length > 1) {  
  13.             var ls = substring.charCodeAt(i + 1);  
  14.             if (ls == 0x20e3) {  
  15.                 return true;  
  16.             }  
  17.         } else {  
  18.             if (0x2100 <= hs && hs <= 0x27ff) {  
  19.                 return true;  
  20.             } else if (0x2B05 <= hs && hs <= 0x2b07) {  
  21.                 return true;  
  22.             } else if (0x2934 <= hs && hs <= 0x2935) {  
  23.                 return true;  
  24.             } else if (0x3297 <= hs && hs <= 0x3299) {  
  25.                 return true;  
  26.             } else if (hs == 0xa9 || hs == 0xae || hs == 0x303d || hs == 0x3030  
  27.                     || hs == 0x2b55 || hs == 0x2b1c || hs == 0x2b1b  
  28.                     || hs == 0x2b50) {  
  29.                 return true;  
  30.             }  
  31.         }  
  32.     }  


二.js过滤emoji表情

使用JS过滤emoji表情的主要原因:input标签中输入emoji表情,提交表单后插入数据库报错。 
原因是因为UTF-8编码有可能是两个、三个、四个字节。Emoji表情是4个字节,而MySQL的utf8编码最多3个字节,所以数据插不进去。 
于是找到两个解决方案: 
1.将Mysql的编码从utf8转换成utf8mb4 
2.前端JS校验过滤掉emoji表情

下面主要粘下过滤emoji的JS代码

function filteremoji(){
    var ranges = [
        '\ud83c[\udf00-\udfff]', 
        '\ud83d[\udc00-\ude4f]', 
        '\ud83d[\ude80-\udeff]'
    ];
    var emojireg = $("#emoji_input").val();
    emojireg = emojireg .replace(new RegExp(ranges.join('|'), 'g'), ''));
}
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页