如何避免重复的JavaScript事件？

Question

我是JS新手，在使用事件方面遇到一些困难。
我的问题是，该事件不止一次重复。我为我的简单游戏使用socket.io。这是我的代码：

socket.on("permit", function(){ 
    $('#attack').on('click', function(){ 
     var id; 
     $('#game-field').on('click', '.cell', function() { 
      id = parseInt(this.getAttribute('id')); 
      $('#game-field').unbind('click'); 
      socket.emit('attack', id); /*when event repeats - that line creates problems like a snowball*/ 
     }); 
    }); 
}); 

我该如何避免不必要的事件重复？

Answer 1

使用one选择在同一时间。它LL绑定事件只能一次

$('#attack').one('click', function(){ 
     // your code 
}); 

    $('#game-field').one('click', '.cell', function() { 
      // your code 
}); 

OR

socket.on("permit", function(){ 

    $('#attack').off('click', attecked); 
    $('#attack').on('click', attecked); 
}); 

function attecked(){ 
     var id; 
     $('#game-field').one('click', '.cell', function() { // dont unbind the event removed ur code $('#game-field').unbind('click'); 
      id = parseInt(this.getAttribute('id')); 
      socket.emit('attack', id); /*when event repeats - that line creates problems like a snowball*/ 
     }); 
}