ホームページ JavaScript

CTRLキー＋Fで検索すると、黄色の背景色がつくように
特定の文字に背景色をつけたいのですが、どのようにすればいいのでしょうか？

例）
◆検索キーワード : 「 テスト 」

今日はテスト
テストの点数87点
↑この検索キーワードと同じ箇所のテストの部分だけに背景色をつけるようにしたいです。

No.2 ベストアンサー 回答者： karamarimo 回答日時： 2017/04/13 00:42

mark.jsを使えば簡単にできますよ。

公式ページ
https://markjs.io/

簡単なサンプル作りました。
https://jsfiddle.net/b1efes63/

実際にはハイライトする文字列を<span>で包んでるようです。

この回答へのお礼

ありがとうございました。

おかげさまでやりたいことができました！

お礼日時：2017/04/13 15:44

No.1 回答者： yambejp 回答日時： 2017/04/10 17:29

「CTRLキー＋F」と絡めてやるならブラウザにおまかせするのがよいでしょう

変にそれでspanなどで調整するとヒットするはずのものがヒットしなくなったり
無駄がおおそうです

この回答へのお礼

ご回答ありがとうございます！

解決致しました。

お礼日時：2017/04/13 15:44