首页 > 解决方案 > 页面 div 元素更新后选定的文本消失

问题描述

我创建了一个聊天页面。问题是当我选择聊天文本并刷新聊天时,所选文本消失了。我知道即使页面刷新,有些聊天也会保留选定的文本。我想在更新文本后保持选中文本。我的页面有div元素,它会从chatLog.txt文件中更新其内容。任何提示如何使它工作?

$(function worker(){
    $.ajaxSetup ({
        cache: false,
        complete: function() {

          setTimeout(worker, 3000);

        }
    });
     $("#divBox").load("chatLog.txt");
});

任何帮助表示赞赏,谢谢:)

标签: phphtmlajaxchatrefresh

解决方案


这种行为是正常的,如果您刷新(重新安装)DOM 的一部分,选定的文本将消失。如果你想维护选定的文本,你应该尝试 React、Vue 或 Angular,因为它们处理虚拟 DOM,这些技术可以轻松制作聊天应用程序,并且无需每时每刻都重新挂载 DOM。不使用 Ajax,你应该使用 websockets,使用 socket.io 或 Laravel Websocket,或类似的。

尝试 :)


推荐阅读