ページ内検索を自ページに設置
= ヒットしたテキストをハイライト表示 =
- キーボードの「Ctrl + F」「⌘ command + F」を使った検索では、ページ内の広告なども含め全てのテキストが検索の対象となりますが、このプログラムでは「<div id="content_to_search"></div>」で指定した範囲だけを検索の対象とすることができます。
- 検索ワードの入力が確定すると、ヒットしたテキストがハイライト表示され、その位置へスクロールします。
- 「Enter」キーのみで検索することができるので、「検索ボタン」を設置する必要ありません。
- 検索結果が複数ある場合、「Enter」キーを使って連続して移動させることができます。
- 下記の「CSS」「JavaScript」「HTML」をコピーして、ご自身のページに設置してください。
- コードは、ページデザインなどに合わせて適宜変更してください。
- 複数スクロールなどの機能を加え、大幅改訂。（2024/07/17）
- 特殊文字を正しく認識できるるように「正規表現のエスケープ」の補強、「A」と「a」などの「大文字小文字の区別機能」の追加、「検索語変更後の自動リセット機能」の追加など。（2024/08/22）
- コードをコピー、またはダウンロードして利用することができます。
- ご利用にあたっての制限はありません。適宜、ご自身のページに合わせてご利用ください。
Last updated : 2025/10/21
