Javascript 当您使用多个选项卡时，如何避免socket.io中的重复事件？

当我根据标志从服务器

ditConsumer

接收消息时，我正在调用一个按预期工作的函数

sendMessageToFile（）

，这里的问题是当我导航到另一个页面并再次返回时，所以当消息进入套接字时，这里的on将侦听两次，并执行所有变量和方法两次。如果我来回三次，它将听三次，我将感谢这里的帮助，它看起来像是多个选项卡上的socket.io连接问题

ctrll.js

      socket.on('ditConsumer',function (data) {
            console.log('SEND MESSAGE FLAG',sendMessageFlag)
            console.log('MESSAGE FROM SERVER',data);
            var obj = {
                file:$scope.filename,
                data:data
            }
            $scope.event.push(data);
           // socket.emit('messageToFile',obj);
            if(sendMessageFlag === true) {
               return  sendMessageToFile(obj);
            }
        });

   function sendMessageToFile (data){
         if(data.file) {
             socket.emit('startrecording', data);
             $scope.disabledRecBtn = true;
             $scope.disabledStopBtn = false;
             $scope.showMessage = true;
         }
    }

socketFactory.js

angular.module('loggingApp').factory('socket', function($rootScope) {
    'use strict';
    var server = 'http://localhost:3000';
    var socket = io.connect(server, {
        'forceNew': true
    });
    return {
        on: function(eventName, callback) {
            socket.on(eventName, function() {
                var args = arguments;
                $rootScope.$apply(function() {
                    callback.apply(socket, args);
                });
            });
        },
        emit: function(eventName, data, callback) {
            socket.emit(eventName, data, function() {
                var args = arguments;
                $rootScope.$apply(function() {
                    if (callback) {
                        callback.apply(socket, args);
                    }
                });
            })
        }
    };

});

serverIo.js

var sio = require('socket.io');
var ditconsumer = require('./consumers/ditconsumer');
var logsRecording = require('./records/logsRecording');
var io = null;
exports.io = function () {
    return io;
};
exports.initialize = function(server) {
    io = sio(server);
    io.on('connection', function(socket) {
        // Producer.startProducer();
        ditconsumer.start(function(value){
         io.emit('ditConsumer',value);
         });
        socket.on('createlogfile', function(params) {
            logsRecording.userLogs(function(err,filename) {
                if (err){
                    console.log(err);
                } else {
                    socket.emit('filename', filename);
                }
            });

        });
        socket.on('startrecording', function(obj) {
            logsRecording.recordLogs(obj);
        });
        socket.on('stopRecording',function (filename) {
            console.log('stop recording data',filename);
            logsRecording.deleteFile(filename);
        });
    });
};

一种方法是

// add an event_id to the event message on server-side
io.sockets.emit('my_event', {msg:'hi', event_id: '1'});

// on client side keep track of handled events
var acknowledged = [];

// handle event
io.on('my_event', function (msg) {

    // only continue if the event hasn't been handled before
    if(!~acknowledged.indexOf(msg.event_id)){

        // add to array of acknowledged events
        acknowledged.unshift(msg.event_id);

        // prevent array from growing to large
        if(acknowledged.length > 20){
            acknowledged.length = 20;
        }

        // handle once per event
    }
});

您可能还希望利用socket.io文件室，为每个连接创建唯一的标识符，或者创建类似uuid的东西，并将其存储在浏览器的localstorage空间中；读取或创建它，并在连接到io时提供它。然后，当您发送事件时，您可以针对特定的房间

或者做类似的事情