为什么我的socket.io事件不能在多个浏览器上处理？
所以我写了一个小型的“共同浏览”演示。 主要用于教育目的。
无论如何，计划是这样的。 用户打开浏览器到我的服务器并移动鼠标。 这样做时，浏览器将鼠标坐标发送到服务器，服务器将坐标中继到任何订阅该通道的浏览器。 坐标然后显示在文本框中。
我正在使用nodejs和socket.io 。
这是我的server.js：
var app = require('http').createServer(handler), io = require('socket.io').listen(app), fs = require('fs'); app.listen(80); function handler(req, res) { var file = __dirname + '/public/index.html'; fs.readFile(file, function(err, data) { if(err) { res.writeHead(500); return res.end('Error loading index.html'); } res.writeHead(200); res.end(data); } ); } io.sockets.on('connection', function(socket) { socket.on('m', function(data) { socket.emit('relay', {msg: 'MouseX: ' + data.x + ' MouseY: ' + data.y}); }); });
这是我的客户：
<!doctype html> <html> <head> </head> <body> <input id='box' type='text' size='200' /> <script src='/socket.io/lib/socket.io.js'></script> <script> var socket = io.connect('http://localhost'); var b = document.getElementById('box'); socket.on('relay', function(data) { b.setAttribute('value', data.msg); }); document.onmousemove = function(event) { event = event || window.event; socket.emit('m', {x: event.clientX, y: event.clientY}); } </script> </body> </html>
现在，如果我打开两个浏览器，并指向本地主机，我可以将鼠标移动到一个窗口，顶部的文本框工作。 它显示坐标。 但是，其他浏览器不会执行任何操作。 但是，如果将鼠标移到另一个浏览器上，则会在其窗口上显示坐标。 这就像它只是inheritance我目前徘徊在浏览器。 服务器控制台显示两个浏览器上的移动。
但是，由于两个浏览器窗口都响应relay事件（通道），两个浏览器都不应该回显坐标吗？ 所以，浏览器1的鼠标移动被回显到浏览器2，当我浏览器浏览器2，它的坐标回显到浏览器1？
希望是有道理的。
谢谢
**解决scheme**
感谢Victor Stanciu的快速回答。 这是我做的修复服务器。
var app = require('http').createServer(handler), io = require('socket.io').listen(app), fs = require('fs'); app.listen(80); function handler(req, res) { var file = __dirname + '/public/index.html'; fs.readFile(file, function(err, data) { if(err) { res.writeHead(500); return res.end('Error loading index.html'); } res.writeHead(200); res.end(data); } ); } var sockets = []; io.sockets.on('connection', function(socket) { sockets.push(socket); socket.on('m', function(data) { io.sockets.emit('relay', {msg: 'MouseX: ' + data.x + ' MouseY: ' + data.y}); }); });
那是因为你只是在接收来自以下信号的套接字：
io.sockets.on('connection', function(socket) { socket.on('m', function(data) { socket.emit('relay', {msg: 'MouseX: ' + data.x + ' MouseY: ' + data.y}); }); });
这就是说：“当从'套接字'接收'm'信号时，发出'继电器'信号给它。
你需要做的是 – 当连接一个新的套接字时，将其添加到一个数组中 – 当一个套接字发出一个信号时，迭代所有连接的套接字并向每个套接字发送“中继”信号
var sockets = []; io.sockets.on('connection', function(socket) { sockets.push(socket); socket.on('m', function(data) { sockets.forEach(function (socket) { socket.emit('relay', {msg: 'MouseX: ' + data.x + ' MouseY: ' + data.y}); }); }); });
或者，相反，手动迭代通过连接的套接字，socket.io提供了一个方法来做到这一点：
io.sockets.emit('this', { will: 'be received by everyone'});