範囲選択した文字列を修飾する - Qiita

マウスで範囲選択した箇所の文字サイズを変えたり、背景色を変えて強調するなどを、javascriptでやる方法。 //実用には、以下のスクリプトをEventListenerに登録して、何かしらのイベント時に動くようにする必要がある。 // 選択範囲の背景を青くする function blinkBlue(){ var sel = window.getSelection(); if(!sel.rangeCount) return; //範囲選択されている箇所がない場合は何もせず終了 var range = sel.getRangeAt(0); var newNode = document.createElement('span'); newNode.setAttribute('style', 'background-color: blue;'); //範囲選択箇所の背景を青にする newNode

[coffexpr]

range highlight