在瀏覽器（Chrome）中突出顯示文本功能，這看起來像在Android中突出顯示

Question

我想要實現功能（用於Chrome擴展），它允許用戶從瀏覽器中的網頁選擇一些文本與鼠標，我想增加用戶的能力到編輯選擇邊界（如它可以在機器人應用程序來完成）與所選擇的線以下的小的控制，可以用鼠標被移動：

可能是有現有的庫來實現類似的行爲在瀏覽器中以簡單的方式？

Answer 1

我認爲這可能幫助..

var divs = document.getElementsByTagName("p"); 

for(var d in divs) { 
    // highlight a part of a <p> tag 
    divs[d].addEventListener('mouseup',function(){var str= document.getSelection() ;alert(str);   
    this.innerHTML =this.innerHTML.replace(str,'<span style="background-color: '+'yellow'+' ">'+str+'</span>'); 
    }); 
} 

而更多的它可以在here

找到