页面div元素更新后，所选文本消失

Question

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

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

          setTimeout(worker, 3000);

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

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

Answer 1

这种行为是正常的，如果刷新（重新安装）DOM的一部分，所选文本将消失。如果你想维护所选的文本，你应该尝试React，Vue或Angular，因为这些处理虚拟DOM，这些技术很容易制作聊天应用程序，并且不会每时重新安装DOM。不使用Ajax，您应该使用websockets，使用socket.io或Laravel Websocket，或类似的。

试试:)