input 文本框禁止输入表情

Posted 2021-01-12 lifuhei

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了input 文本框禁止输入表情相关的知识，希望对你有一定的参考价值。

js在用户输入表情时自动过滤掉

<input type="text" id="input" maxlength="10"/>

var noEmoji = function(dom) {
       var html = $(dom).val(),
          oldHtml = "";
       oldHtml = html;
       var reg = /[^u0020-u007Eu00A0-u00BEu2E80-uA4CFuF900-uFAFFuFE30-uFE4FuFF00-uFFEFu0080-u009Fu2000-u201fu2026u2022u20ac
]/g;
       if(html.match(reg)) {
          html = html.replace(reg, ‘‘);
       }

       if(html != oldHtml) {
           $(dom).val(html);
       }
       /**
        * 光标移到最后
        */
       function endFocus(dom) {
          var sel = window.getSelection();
          var range = document.createRange();
          range.selectNodeContents(dom);
          range.collapse(false);
          sel.removeAllRanges();
          sel.addRange(range);
       }
    };

$(‘#input‘).keyup(function(){
    noEmoji($(this));
})

以上是关于input 文本框禁止输入表情的主要内容，如果未能解决你的问题，请参考以下文章

HTML如何禁止文本框输入

javascript怎么禁止在文本框中输入？