个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试使用 socket.io 和 node.js 从客户端向服务器发出鼠标单击事件。问题是发出后，我发送的词典没有作为一个整体发送。这是我的代码:
客户端:
document.addEventListener('click', function(event){
console.log("event sent", event.target,event);
var target = event.target;
var myClick = {id: target, event: event};
console.log(myClick);
socket.emit('myClick', myClick);
})
socket.on('myClick', function(data){
console.log("event received", data);
document.querySelectorAll(data.id).dispatchEvent(data.event);
});
在正文上注册点击事件后，控制台会记录此信息:
event sent <body>…</body>
MouseEvent {isTrusted: true, screenX: 1145, screenY: 499, clientX: 1040, clientY: 398…}
Object {id: body, event: MouseEvent}
其他页面在收到事件后记录:
event received Object {id: Object, event: Object}
但是，扩展 Object 给了我们这个:
event: Object
isTrusted: true
__proto__: Object
id: Object
__proto__: Object
__proto__: Object
所以它没有接收到整个事件并且 id 没有事件目标。
服务器端:
io.sockets.on('connection', function (socket) {
console.log("socket connected");
console.log(socket);
socket.on('myClick', function (data) {
console.log("myClick in server.js");
console.log(socket);
console.log(data);
socket.broadcast.emit('myClick', data);
});
});
当服务器在“myClick”上接收到某些内容时，它会打印出以下内容:
myClick in server.js
{ id: {}, event: { isTrusted: true } }
如您所见，目标是空的，应该是完整事件对象的只有 isTrusted 值。有没有人遇到过这个问题？任何帮助，将不胜感激。我尝试这样做的方式是基于 this Stack Overflow 回答，但他们使用的是 jQuery 而我只使用 Javascript。
最佳答案
socket.io 尝试将您传递给它的参数转换为 JSON。 DOM 对象等一些东西无法转换为 JSON，并且要么触发错误，要么导致东西被忽略。因此，您不能发送 event.target。它是一个 DOM 对象，您不能将 DOM 对象发送到您的服务器。您必须发送可以转换为字符串的内容。例如，您可以发送 event.target.id。
我建议您做的是，与其尝试发送包含许多无法发送的内容(例如 DOM 对象)的整个 event 对象，不如创建一个新对象并仅复制您实际需要发送的属性。并且，确保您发送的内容不包含 DOM 对象，并且不包含任何循环引用或其他无法转换为 JSON 的内容。
我不确切地知道您需要 event 对象的哪些属性，但总体思路如下:
document.addEventListener('click', function(event){
// create new object with just the things we need from the event object
// this must contain only things that can be converted into JSON
var clickData = {
id: event.target.id,
timeStamp: event.timeStamp,
type: event.type,
clientX: event.clientX,
clientY: event.clientY
};
socket.emit('myClick', clickData);
});
关于javascript - 使用 socket.io 发送鼠标点击事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39296328/
24
4
0
基于 socket.io 的官方网站 http://socket.io/#how-to-use , 我找不到任何术语。socket.emit 、 socket.on 和 socket.send 之间有
我正在使用 lua-socket 3.0rc1.3(Ubuntu Trusty 附带)和 lua 5.1。我正在尝试监听 unix 域套接字，我能找到的唯一示例代码是 this -- send std
这两者有什么区别？ 我注意到如果我在一个工作程序中从 socket.emit 更改为 socket.send ，服务器无法接收到消息，虽然我不明白为什么。 我还注意到，在我的程序中，如果我从 sock
使用套接字在两台服务器之间发送数据是个好主意，还是应该使用 MQ 之类的东西来移动数据。 我的问题:套接字是否可靠，如果我只需要一次/有保证的数据传输？ 还有其他解决方案吗？ 谢谢。 最佳答案 套接字
引自 this socket tutorial : Sockets come in two primary flavors. An active socket is connected to a
我已经安装了在端口81上运行的流服务器“Lighttpd”(light-tpd)。 我有一个C程序，它使用套接字api创建的服务器套接字在端口80上监听http请求。 我希望从客户端收到端口80上的请
这是我正在尝试做的事情: 当有新消息可用时，服务器会将消息发送给已连接的客户端。另一方面，客户端在连接时尝试使用send()向服务器发送消息，然后使用recv()接收消息，此后，客户端调用close(
如何将消息发送到动态 session 室，以及当服务器收到该消息时，如何将该消息发送到其他成员所在的同一个 session 室？ table_id是房间，它将动态设置。 客户: var table_i
这是我尝试但不起作用的方法。我可以将传入的消息从WebSocket连接转发到NetSocket，但是只有NetSocket收到的第一个消息才到达WebSocket后面的客户端。 const WebSo
我正在实现使用boost将xml发送到客户端的服务器。我面临的问题是缓冲区不会立即发送并累积到一个点，然后发送整个内容。这在我的客户端造成了一个问题，当它解析xml时，它可能具有不完整的xml标记(不
尝试使用Nginx代理Gunicorn套接字。 /etc/systemd/system/gunicorn.service文件 [Unit] Description=gunicorn daemon Af
我正在使用Lua套接字和TCP制作像聊天客户端和服务器这样的IRC。我要弄清楚的主要事情是如何使客户端和服务器监听消息并同时发送它们。由于在服务器上执行socket:accept()时，它将暂停程序，
我看了一下ZMQ PUSH/PULL套接字，尽管我非常喜欢简单性(特别是与我现在正在通过UDP套接字在系统中实现的自定义碎片/ack相比)，但我还是希望有自定义负载平衡功能，而不是幼稚的回合-robi
我正在编写一个应用程序，其中有多个 socket.io 自定义事件，并且所有工作正常，除了这个: socket.on("incomingImg", function(data) {
在我的应用程序中，我向服务器发送了两条小消息(类似 memcached 的服务)。在类似 Python 的伪代码中，这看起来像: sock.send("add some-key 0") ignored
很抱歉再次发布此问题，但大多数相关帖子都没有回答我的问题。我在使用 socket.io 的多个连接时遇到问题我没有使用“socket.socket.connect”方法，但我从第一次连接中得到了反馈。
我尝试使用 socket.io 客户端连接到非 socket.io websocket 服务器。但我做不到。我正在尝试像这样连接到套接字服务器: var socket = io.connect('ws
我遇到了一个奇怪的问题。在我非常基本的服务器中，我有: server.listen(8001); io.listen(server); var sockets = io.sockets; 不幸的是，套
我正在使用带套接字 io 的sailsjs。帆的版本是 0.10.5。我有以下套接字客户端进行测试: var socketIOClient = require('socket.io-client');
这个问题在这里已经有了答案: What is the fundamental difference between WebSockets and pure TCP? (4 个答案) 关闭 4 年前。
我是一名优秀的程序员,十分优秀！