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

Posted 2020-10-07 小黑的胡子

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

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, ‘‘)" />

亲测有效。