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

时间:2023-03-10 01:55:17
移动端过禁止输入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|\r\n\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|\r\n\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|\r\n\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';
}
}