我有一个页面，我想绑定拖放事件。我希望浏览器中的整个页面成为放置目标，所以我将事件绑定到文档对象。我的应用程序的内容通过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);
});
解决方法
在绑定新的事件处理程序之前解除绑定。这是非常简单的
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();
},// ...
});
