页面刷新后如何保持文本选择答案

【问题标题】：how to keep text selection after page refresh页面刷新后如何保持文本选择
【发布时间】：2018-04-02 07:45:32
【问题描述】：

我在一个 div 中有一个文本“Hello world”，我想在更新面板刷新后被选中，选择在计时器间隔后消失，如何在页面刷新后保持文本选择一定间隔。

    <i>
<form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
            </Triggers>
            <ContentTemplate>
                <div id="sort-item">
                    Hello world
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
        <asp:Timer ID="Timer1" runat="server" Interval="3000" OnTick="Timer1_Tick">
        </asp:Timer>
    </form>
</i>

【问题讨论】：

将其存储到浏览器的本地存储中，刷新后取回数据并将突出显示的选择放回文本中。
谢谢@HimanshuUpadhyay 你能给我一些代码参考或任何类似的东西
如何选择它？为 div "sort-item" 设置背景颜色？
在选择的情况下不会出现背景颜色。如果我们双击任何文本，则默认选择将为蓝色，但在计时器事件触发后，该选择消失。我们希望在刷新后保持选择保持不变。 @HimanshuUpadhyay

标签： javascript c# jquery timer updatepanel

【解决方案1】：

使用 html 本地存储：

$(document).ready(function(){
var id = $("#sort-item").text();
if(localStorage.getItem("sort-item-id") == ""){
  localStorage.setItem("sort-item-id", id);
}else{
$("#sort-item").text(localStorage.getItem("sort-item-id"));
}
});

【讨论】：

谢谢@deepak singh，但刷新后选定的文本会消失。
只需：console.log(localStorage.getItem("sort-item-id"));并查看控制台。