Node.jsとSocket.ioから始めました。今、私は入力フィールドの値を更新したいと思います。私は今までこれを行うために何かを探して一日を過ごしました。もしあなたがどこから始めるべきか分からないので、皆さんが私を助けてくれたら大いに感謝します。入力時に入力フィールドを更新します。
答えて
あなたのコードはどのように見えますか? 入力フィールドの値属性についてお話ししていますか?
私はあなたのことを正しく理解しています。追加する必要があるコードはわずか1行です。
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
});
}
を、私はそれが
EvilBurritoのIをしたい場合入力フィールドの値が変更された場合は を追加し、次にserver.jsにデータを送信します。その後、server.jsでデータをリスンしたいと思います。データがある場合はデータを送信します私はクライアントがリスナーを必要としていると思いますが、私はどこから始めたらよいかわかりません:( – Sylent
ああ、まだ問題がある場合 本当にsocket.ioを見てくださいbsite。彼らには多くの例があります。 https://socket.io/get-started/chat/これはあなたにとっても便利かもしれません。 – EvilBurrito
- 1. 入力時に下線入力フィールド
- 2. 入力時にユーザー入力を更新する
- 3. ページの更新時に入力フィールドをクリアする
- 4. ページの更新時に入力フィールドをクリアする(Microsoft Edge)
- 5. ngModelの変更時に入力フィールドが更新されない
- 6. ユーザー入力時に入力フィールドの値を通貨として入力
- 7. 入力フィールドをクリックせずに入力値を更新するには?
- 8. 入力変更時のテーブルデータ更新
- 9. 入力値を入力フィールドに戻す
- 10. Android - フィールドの選択/入力時のフィールドの自動入力
- 11. クリック時にJavaScriptが新しい入力フィールドを生成する
- 12. ステータス更新時にjavascriptを入力します
- 13. 入力フィールドに入力するURL
- 14. 複数の入力フィールドをajaxコールバックで更新/入力する方法
- 15. 変更時に入力フィールド値を変更する
- 16. 入力変更イベントと入力フィールドに関する問題
- 17. bootstrap-tags入力フォームが入力時に入力されます。入力キー
- 18. 入力フィールドに入力し、cURLで送信しますか?
- 19. タイプ= "チェックボックス"の新しい入力を追加した後、Chromeは入力フィールドを自動入力しません。
- 20. jqueryを使用して入力の入力時に新しい入力をhtmlドキュメントに追加するには?
- 21. 入力フィールドのネイティブの入力値に反応します
- 22. jQuery:入力テキストフィールドの入力時にラジオボタンをオンにします。
- 23. Selenium IDEは入力フィールドにテキストを入力しません
- 24. ドロップ時に値変更イベントを入力要素に入力
- 25. React:onChange値を入力フィールドに更新しない
- 26. 入力フィールドから入力フィールドを有効にする
- 27. CSSを使用して入力フィールドを更新する
- 28. 入力が依存入力を更新しない
- 29. jQueryは入力時にキー入力をシミュレートします
- 30. jQueryは、他の入力フィールドからの値に基づいて入力フィールドを自動入力します
は、いくつかのコードを置くのに役立ちます願っています。また、リファレンスチェックsocketioサンプル –