只有在事件处理程序尚不存在的情况下，如何绑定事件处理程序？

Question

我有一个我想要绑定拖放事件的页面。我希望浏览器中的整个页面成为放置目标，因此我将事件绑定到document对象。但是，我的应用程序的内容通过AJAX加载到主要内容区域，并且我只希望在上载页面当前可见时这些事件处理程序处于活动状态。

现在，我在检索上传页面时绑定事件处理程序;但是，每当上传页面变为活动状态时，它会绑定一个新的事件处理程序，这会导致处理程序在用户转到上载页面，离开并返回时多次触发。我想我可以解决这个问题，如果我可以让处理程序绑定，只有当它尚未绑定。这是可能的，还是我忽略了一个更好的选择？

相关的代码，如果它可以帮助：你绑定新的

$(document).bind('dragenter', function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
}).bind('dragover', function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
}).bind('drop', function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    self._handleFileSelections(e.originalEvent.dataTransfer.files); 
}); 

Answer 1

拆散现有的事件处理程序之前。这实在是简单与namespaced events ^[docs]：

$(document) 
    .off('.upload') // remove all events in namespace upload 
    .on({ 
     'dragenter.upload': function(e) { 
      e.stopPropagation(); 
      e.preventDefault(); 
     }, 
     'dragover.upload': function(e) { 
      e.stopPropagation(); 
      e.preventDefault(); 
     }, 
     // ... 
    });