Socket.io 触发多个事件

Question

Socket.io 触发多个事件

node.jswebsocketsocket.io

8

Socket.io似乎呈指数增长地发送多个消息，这里有一个我正在运行的示例会导致此问题。

客户端代码：

<html>
<head>
<script type="text/javascript" src="../../js/jquery191.min.js"></script>
<script type="text/javascript" src="http://192.168.1.2:8887/socket.io/socket.io.js"></script>
</head>

<body>

<button>Click Me!</button>

<script type="text/javascript">
$(document).ready(function(){
var socket = io.connect('http://192.168.1.2:8887');

$("button").click(function(){

    console.log("Emitting test_parent");
    socket.emit('test_parent');

    socket.on('test_parent_server', function(data){
        console.log("Handling test_parent_server");


        console.log("Emitting test_child");
        socket.emit('test_child');

        socket.on('test_child_server', function(ing){
            console.log("Handling test_child_server");

        });

    });
});
});
</script>
</body>
</html>

服务器端：

socket.on("test_parent", function(){
    socket.emit("test_parent_server", { data : " " });
});

socket.on("test_child", function(){
    socket.emit("test_child_server", { data : " " });
});

每次点击按钮时，由于某种原因，事件会被多次触发，数量呈指数级增长。我试图找到问题所在，但无法进行调试或在网上查找相关信息。

- Joseph Shering

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bret Copeland · Accepted Answer

每次调用单击处理程序时，都会向套接字附加其他事件侦听器。你之前添加的侦听器仍然处于活动状态。你需要开始使用removeListener或removeAllListeners来删除旧侦听器，或者将侦听器代码移到单击处理程序之外，以便它不会被多次调用。

例如：

$("button").click(function() {
    console.log("Emitting test_parent");
    socket.emit('test_parent');
});

socket.on('test_parent_server', function(data) {
    console.log("Handling test_parent_server");

    console.log("Emitting test_child");
    socket.emit('test_child');
});

socket.on('test_child_server', function(ing) {
    console.log("Handling test_child_server");
});