Javascript 使用节点/套接字键入时自动更新文本框

我有一个带套接字的node.js小应用程序。我的目标是用一台机器打开我的网页，用另一台机器打开同一个网页。当我将文本粘贴到机器1上的页面时，我希望它在机器2上自动更新。当我在机器2上粘贴文本时，我希望以前的文本从机器1上删除，并用机器2的文本更新

目前，我有两个独立的浏览器窗口运行的网页。在机器1 i中键入“a”，在机器2上显示“a”

在机器1上输入“b”，在机器2上显示“ab”。它不断地追加

视频：

app.js

var express = require('express'),
    app = express(),
    server = require('http').createServer(app),
    io = require('socket.io').listen(server);

server.listen(3000);

app.get('/', function(req, res){
    res.sendfile(__dirname + '/index.html');
});

io.sockets.on('connection', function(socket){
    socket.on('send message', function(data){
        io.sockets.emit('new message', data);
    });
});

index.html

<textarea id="chat"></textarea>
    <!-- <textarea size="35" id="message"></textarea> -->

    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script>
jQuery(function($){

    var socket = io.connect();
    // var $messageForm = $('#send-message');
    // var $messageBox = $('#message');
    var $chat = $('#chat');

    $chat.keyup(function(e){
        // var code = e.keyCode || e.which;
        // if(code == 13) { //Enter keycode

                e.preventDefault();
                socket.emit('send message', $chat.val());

        // }
    });

    socket.on('new message', function(data){
        // $chat.val('');
        $chat.append(data + "<br/>");
    });
});
</script>

jQuery（函数（$）{
var socket=io.connect（）；
//var$messageForm=$（“#发送消息”）；
//var$messageBox=$（“#message”）；
var$chat=$（“#chat”）；
$chat.keyup（功能（e）{
//var代码=e.keyCode | | e.which；
//如果（code==13）{//输入keycode
e、 预防默认值（）；
emit（'send message'，$chat.val（））；
// }
});
socket.on（'new message'，函数（数据）{
//$chat.val（“”）；
$chat.append（数据+“
”）；
});
});

我所要做的就是改变：

socket.on('new message', function(data){
        $chat.append(data + "<br/>");
    });

---

呵呵，是的。。我喜欢你说“它一直在追加”，然后通读它“追加”的代码：）是的，我99%的错误都是有史以来最明显的错误哈哈。

socket.on('new message', function(data){
    $chat.val(data);
});