使用场景:用户通过搜索关健字(keyword),对文本进行匹配,并对匹配到的文本进行一些高亮处理
解析:使用的是Javascript中的 RegExp(正则表达式)对象,var regExp = new RegExp(keyword,'g');
// keyword:是关键字,
g:执行全局匹配,如果不输入的话将会查一条,
i:执行大小写不敏感匹配,
m:执行多行匹配
详细代码:
1、使用原始的匹配项(match)来保持大小写。也就是说,关键字会匹配到文本的内容,同时文本的内容是不更改的
2、不保持匹配文本的大小写。也就是说文本内容是需要更改的。
html调用:(示例只以vue为主,原生JS的话调用方法即可):