使用WebSocket（Socket.io）在节点web应用的多个页面上镜像jquery事件

我有一个node.js express socket.io应用程序，它将在testurl.com/grab\u input上显示一个输入框

在该页面上有一个keyup事件，它将框的内容发送到服务器，并将输出发送到testurl.com/show_result上的输入框

因此，如果我在一个监视器上打开testurl.com/grab_input，在另一个监视器上打开testurl.com/show_result，然后输入第一个，我会看到另一个监视器上实时填写的字母

我需要创建一个类似的应用程序，在一个页面上获取输入并在另一个页面上显示，但用于使用

因此，在第一页，你有一个div，然后在其中绘制，然后在另一页，你有一个相同大小的div，放置在相同的位置，你会看到正在绘制的线条

有没有人能提供一些建议，告诉我们最好的方法是什么？只是谷歌的一些东西或是要继续的东西，我真的不知道从哪里开始？您是否可以将一个页面上激发的事件设置为在另一个页面上的DOM元素上发生？谢谢

---

谢谢

您可以按照本教程制作草图应用程序：


然后为用户之间创建套接字创建socket.io脚本：

例如：

服务器端：

io.on('connection', function(socket){
  socket.on('drawing',function(json){
     socket.broadcast.emit('drawing',{ x: json.x, y:json.y });
  });
  socket.on('disconnect', function(){
    console.log('user disconnected');
  });
});

客户端：

io.on('connection', function(socket){
  socket.on('drawing',function(json){
     // HERE WRITE SCRIPT FOR WRITE ON CANVAS
  });
  // HERE IF USER DRAW SOMETHING ON CANVAS (x and y from sketch script)
  socket.emit('drawing',{x:412,y:444});
});

---

干杯

你的一个想法是使用。它使用P2P连接，似乎符合您的要求。这里有一些在绘图时使用画布显示其他客户机数据的示例。我将对此进行研究，非常感谢！这是一个很好的建议，我很可能会同意！非常感谢。