ホームページ > ウェブフロントエンド > jsチュートリアル > jsテキストのハイライト効果を実装する方法 content_javascriptスキル

jsテキストのハイライト効果を実装する方法 content_javascriptスキル

WBOY
リリース: 2016-05-16 17:30:50
オリジナル
1443 人が閲覧しました
コードをコピー コードは次のとおりです:

//検索されたキーワードを強調表示します
function HeightLight ( Keyword)
{
//テキストセレクター
var TextRange;
//見つかったかどうか
var Found=false;
//見つかった回数
var Count = 0;
TextRange = document.body.createTextRange();
見つかった = TextRange.findText(Keyword);
if (見つかった)
{
カウント ;
}
while (Found && Count > 0)
{
TextRange.pasteHTML('' Keyword '');
// Will スクロール バーは、初めて見つかったビューポート範囲内に配置されます
if(Count==1)
{
TextRange.scrollIntoView();
}
//検索を続行
見つかった = TextRange.findText(Keyword);
if (!Found)
{
カウント = 0;
}
else
{
カウント ;
}
}
}
//正規表現メソッド
function highLight(ele,keys)
{
var reg = new RegExp("(" key.replace(/,/ , "|") ")","g");
ele.innerHTML = ele.innerHTML.replace(reg,"$1"); 🎜 >}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート