2017-10-10 2 views
-1

Ich habe gerade heute mit Node.js und Socket.io gestartet. Jetzt möchte ich den Wert eines Eingabefeldes aktualisieren. Ich habe meinen ganzen Tag damit verbracht, nach etwas zu suchen, mit dem ich das machen kann. Ich würde es sehr schätzen, wenn Sie mir damit helfen könnten, da ich nicht weiß, wo ich anfangen soll.Update Eingabefeld bei der Eingabe

+0

einen Code setzen oder wenn Sie wollen Referenzprüfung socketio Proben –

Antwort

0

Wie sieht Ihr Code aus? Sprechen Sie über das Wertattribut Ihres Eingabefeldes?

Wenn ich dich richtig verstehe. Das ist nur eine Codezeile, die Sie hinzufügen müssen.

document.getElementById("inputfieldid").value = "new value"; 

EDIT: Dann würde ich so etwas versuchen. Ich habe es nicht getestet. Aber wenn Sie etwas in Ihr Eingabefeld eingeben, sollte es direkt eine Update-Nachricht an den Server senden. Auf Ihrem Server die socket.on ('update' ... zu neuen Eingang hören.

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

hoffe, dass ich es helfen

+1

EvilBurrito I Ich möchte hinzufügen: Wenn der Wert der Eingabefelder geändert, dann senden Sie die Daten an die server.js.Dann in de server.js möchte ich auf Daten hören und wenn die Daten dort sind, dann senden Sie die Daten zu dem anderen Kunden Ich denke, dass der Klient einen Zuhörer auch braucht Aber ich weiß nicht, wo ich anfangen soll :( – Sylent

+0

Oh, und wenn es noch Probleme gibt. Werfen Sie wirklich einen Blick auf die socket.io wir bsite. Sie haben viele Beispiele. Dies könnte auch für Sie nützlich sein https://socket.io/get-started/chat/ – EvilBurrito

Verwandte Themen