我如何突出顯示我點擊的單詞？

Question

讓我們假設我的網頁有以下幾點：

<p>This is the first sentence</p> 
<p>This is the 2nd sentence. This is the third.</> 

如果我雙擊「這」在「這是第一句」我想強調的（改變背景顏色爲黃色）字的發生「This」

如果我在「This is the 2nd sentence」中雙擊「This」，我想突出顯示它並繼續顯示任何已創建的高光。

如果在突出顯示「這是第一句話」後雙擊「This」，我想將其背景顏色更改回原始狀態，並繼續顯示任何已創建的突出顯示。

如果我雙擊「第三」。我想突出顯示「第三」

我已經看到了很多關於如何使用jQuery做到這一點的例子，但他們最終突出顯示了所選單詞的所有出現。所以在上面的例子中，如果我點擊「This is the first sentence」中的「This」，那麼所有出現的「this」都會被突出顯示。

沒有人知道如何突出顯示雙擊單詞嗎？

Answer 1

我結束了在包裝每一個字和一個附加功能，點擊它（是什麼jQuery的調用。點擊（函數（）{}）？）

我創建兩個CSS類：一個與背景=透明的，另一個與背景=黃色

功能中檢測的類，打開開關作爲適當

Answer 2

如果您使用jQuery，這將工作。

$(document).dblclick(function(){ 
    $("html").attr("contenteditable", "true") 
    document.execCommand("hiliteColor", false, "yellow") 
    $("html").attr("contenteditable", "false") 
}) 

更新：我做了一個jsFiddle