javascript - 請問有沒有輸入框文字高亮相關的插件,推薦一下

Question

要做一個關鍵字搜尋功能

Answer 1

如果只是那種很普通的高亮。 。 。 可以這樣做：

.hl {
    background-color: yellow; 
}

<p class="search-result">搜索结果： SegmentFault ( www.sf.gg ) 是中国领先的开发者社区。
我们希望为中文开发者提供一个纯粹、高质的技术交流平台，
与开发者一起学习、交流与成长，创造属于开发者的时代！</p>

function light($sel, keyword, hightLightClass){
    var text = $sel.html(); 
    var temp = text.split(keyword).join(`<span class="${hightLightClass}">${keyword}</span>`); 
    $sel.html(temp);
}

light($('.search-result'), '交流', 'hl'); 

試例