猿问

textarea根据输入不合法的内容变色

在textarea中输入内容,当里面有不合法的词语时把不合法的词语变成红色(警示显示)。

无法显示该内容,有什么好方法解决

holdtom
浏览 720回答 1
微课
1回答

慕无忌1623718

这就相当于一个简版的文本编辑器了。textarea同步获取输入的内容。var textRefer = document.getElementById('text-refer'),&nbsp; textInput = document.getElementById('text-input');textInput.addEventListener('keyup', function() {&nbsp; var val = textInput.value;&nbsp; val = val.replace(/[\n\t\s]+/g, ''); // 去除换行、Tab、空格&nbsp; val = val.replace(/([^\w+])/g, '<span class="red">$1</span>'); // 匹配符号&nbsp; textRefer.innerHTML = val; // 设置 HTML});
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答