使用 JavaScript 突出顯示文本

Question

我想在使用鼠標選擇文本后使用自定義顏色突出顯示文本，並且還想將其保存在與用戶對應的數據庫中。 任何人都可以通過給我一些想法或圖書館來幫助我嗎？

Answer 1

1. 通過使用<mark>標記，這種類型的功能內置於 HTML 中。 因此，您不需要庫，並且可以自定義構建它。 您可以進行內聯樣式以從數據庫中為其提供自定義背景顏色，甚至可以更改文本顏色。

• 使用 jquery 事件偵聽器，您還可以檢測選擇事件以應用此突出顯示的樣式。
• 您可以在此處閱讀有關此標簽的更多信息： https : //www.w3schools.com/tags/tag_mark.asp

2. 如果您開始使用庫，那么以下內容非常簡潔： https : //markjs.io

讓我知道這是否有幫助:)

Answer 2

代碼將在 jquery 中。 . 要更改顏色，您可以使用onmouseover onclick onchange事件例如：

<script>
$(document).ready(function(){
$(".your_text_class").onmouseover(function(){
$(this).css("background-color","white":"color","Black");
var isStore = $(this).attr("isStore");
if(!isStore){
$.ajax({
//here your can use the ajax to save your value to database
})
}
$(this).attr("isStore",1);
})
})
<script>

我用這個$(this).attr("isStore",1); 如果不使用，將值存儲在數據庫中一次，那么每次當用戶將鼠標懸停在文本上時它都會運行謝謝。