键入时更新输入字段

时间:2017-10-10 13:37:23

标签: javascript html node.js socket.io

我今天刚开始使用Node.js和Socket.io。现在我想更新输入字段的值。到目前为止,我一整天都在寻找能够做到这一点的事情。如果你们能帮我解决这个问题,我会非常感激,因为我不知道从哪里开始。

1 个答案:

答案 0 :(得分:0)

您的代码如何? 你在谈论输入字段的value属性吗?

如果我理解你的话。这只需要添加一行代码。

document.getElementById("inputfieldid").value = "new value";
编辑:然后我尝试这样的事情。 我没有测试它。但是如果在输入字段中键入内容,它应该直接向服务器发送更新消息。 在你的服务器上,socket.on('更新' ...将收听新的输入。

  // server.js
  var express = require('express');
  var app = express();
  var io = require('socket.io')(server);

  var server = app.listen(3000, function () {
      var port = server.address().port;
      console.log('Server running at port %s', port);
  });

  io.sockets.on('connection', function(socket){
    socket.emit('onconnected', { message: 'connected'});

    socket.on('update', function(data) {
      console.log("new Value: "+data.value);
    });
  });


  // client.js
  const socket = require('socket.io-client')(`${config.SERVERURL}:${config.PORT}`);

  socket.on('onconnected', function(data){
    console.log(data);
  });

  document.getElementById("inputfieldid").addEventListener("change",update);
  function update(e){
    socket.emit('update',{
      value: e.target.value
    });
  }

我希望它会有所帮助