JS搜索关键字匹配变色 - 文章中心
JS搜索关键字匹配变色
2024-12-26

使用场景:用户通过搜索关健字(keyword,对文本进行匹配,并对匹配到的文本进行一些高亮处理

解析:使用的是Javascript中的 RegExp(正则表达式)对象,var regExp = new RegExp(keyword,'g');

// keyword:是关键字, 
g:执行全局匹配,如果不输入的话将会查一条
i:执行大小写不敏感匹配
m:执行多行匹配

详细代码

1、使用原始的匹配项(match)来保持大小写。也就是说,关键字会匹配到文本的内容,同时文本的内容是不更改的

 

2、不保持匹配文本的大小写。也就是说文本内容是需要更改的。

 

html调用(示例只以vue为主,原生JS的话调用方法即可

  I   II   III   IV