子不行陌路 2019-06-02 21:58 采纳率: 100%
浏览 270
已采纳

socket.io协作式文本工具,无法实时同步

socket.io协作式文本工具,刚刷新不进行输入操作时,可以同步其他客户端输入的内容,一旦自己开始编辑,两个客户端之间的文本就不会发生变化了

客户端

<textarea class="form-control" rows="7" value="<%= post.mcontent%>" id="editor"></textarea>
            $('#editor').on('keyup',function(){
        var para= $('#editor').val();
        socket.emit('para',{paragraph:para});
    });
    socket.on('updated_para',function(data){
      wenzi.innerHTML=data;
    });

服务器端

socket.on('para',function(data){
  console.log(data);
  socket.broadcast.emit('updated_para',data.paragraph);
 });

console.log(data)的话也能看见自己输入的文本,但是就是文本框内容不更新。

  • 写回答

2条回答 默认 最新

  • 子不行陌路 2019-06-03 12:13
    关注

    把innerHTML改成$("#editor").val就行了,是我太蠢了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 应该如何判断含间隙的曲柄摇杆机构,轴与轴承是否发生了碰撞?
  • ¥15 vue3+express部署到nginx
  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况
  • ¥15 画两个图 python或R
  • ¥15 在线请求openmv与pixhawk 实现实时目标跟踪的具体通讯方法
  • ¥15 八路抢答器设计出现故障
  • ¥15 opencv 无法读取视频
  • ¥15 按键修改电子时钟,C51单片机
  • ¥60 Java中实现如何实现张量类,并用于图像处理(不运用其他科学计算库和图像处理库))