2017-10-10 132 views
-1

我今天剛剛開始使用Node.js和Socket.io。現在我想更新輸入字段的值。我花了我整整一天的時間尋找可以做到這一點的事情。如果你們能幫助我解決這個問題,我將不勝感激,因爲我不知道從哪裏開始。輸入時更新輸入字段

+0

把一些代碼,或者如果你想參考檢查socketio樣品 –

回答

0

你的代碼是怎樣的? 您是否在談論您的輸入字段的值屬性?

如果我理解你是對的。這只是你需要添加的一行代碼。

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 
    }); 
    } 

我希望這將有助於

+1

EvilBurrito我想添加如下內容: 如果輸入字段的值發生了變化,然後將數據發送到server.js然後在de server.js中我想要監聽數據,如果數據在那裏,那麼發送數據我想客戶端也需要一個監聽器,但我不知道從哪裏開始:( – Sylent

+0

哦,如果仍然存在問題 真的看看socket.io bsite。他們有很多例子。這可能對你有用https://socket.io/get-started/chat/ – EvilBurrito