欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS

程序员文章站 2022-07-12 19:12:43
...

敏感词过滤

设定敏感词,正常输入。输出的时候由*代替。

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<input type="text">
<p></p>

<script>
    var inp = document.querySelector('input');
    var p = document.querySelector('p');
//当键盘抬起的时候的事件。当用搜狗拼音输入法的时候,空格键按下,表示选中了某词。空格键抬起时,词便被输入到input里了。
    inp.onkeyup = function (event) {
        event = event || window.event;
        if (event.keyCode == 32) { // 空格键
//            正则表达式,g表示global 执行全局匹配。
            var reg = /马化腾|马云|马超/g;
//            下面p的内容是输入框的value替换reg中的文字为*。reg作为参数传给了s
            p.innerHTML = inp.value.replace(reg, function (s) {

//              方法一:
//               var ss = '';
//                for (var i = 0; i < s.length; i++) {
//                    ss += '*';
//                }
//                return ss;


//                方法二: 将s中的文字全局匹配除换行符以外的任意字符,替换为*
                return s.replace(/./g, "*");
            });
        }
    }
</script>

</body>
</html>

运行结果图如下:
JS
敏感词有几个便会被几个*替代

相关标签: 敏感词过滤 js