javascript - 序列化/镜像 JavaScript 鼠标/触摸事件

Question

我想通过理想地序列化并将它们从浏览器 A 发送到浏览器 B 来镜像两个浏览器之间的 JavaScript 鼠标/触摸事件。似乎鼠标事件对象包含循环引用，因此不可序列化。

最终我想要实现的是在远程浏览器中引发在本地浏览器中触发的相同事件。

鉴于事件引用本地 DOM 对象，使用鼠标或触摸事件很可能不是可行的方法。任何提示/想法表示赞赏。

Answer 1

您可能需要做的是确定要传输的属性、变量等的子集。将它们存储在可以序列化的对象字面量中。由于您将自己构建对象，因此您可以控制循环引用。

对于您的事件，您需要为需要捕获的任何内容设置事件监听器。

我可能会建议研究 Backbone.js 之类的东西。它提供了一些有趣的功能，例如键/值观察，这可能对您有所帮助。

此外，这听起来像是一个非常适合 node.js 的应用程序。由于它还支持 Backbone，您可以想象创建一个客户端和服务器 js 环境，在事件、变量等方面相互镜像。当 iPad 上的用户执行更新客户端模型的操作时，可以序列化并发送这些更改到节点服务器。然后它会更新其客户端模型的内部表示，并使用类似 socket.io 的东西将这些更改推送到其他客户端。