在绑定新的事件处理程序之前，请取消绑定现有的事件处理程序。这对于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();
      },
      // ...
  });

字符串

对于那些只想添加一次事件的人，避免对每个新克隆的元素使用unbind()/off()和bind()/on()方法。
我在Code Project网站上找到了一篇文章"Binding Events to Not Yet Added DOM Elements with JQuery (by Khrystyna Popadyuk)"，它展示了如何只注册一次事件，甚至在元素存在之前。Read his full article for details.的

$("body").on("click", ".your-style", function(event) {
       // your code ...
});

字符串

我写了一个“uon”（unique on）jquery扩展来实现：

$.fn.extend({
    uon:function(eventname,fn) {
        this.each(function() {
            var alreadyexists=false;
            var exevby=$._data(this,'events');
            for(var xevn in exevby) {
                if(xevn==eventname) {
                    exevby[xevn].forEach(evobj=>{
                        if(evobj.handler==fn) alreadyexists=true;
                    });
                }
            }
            if(!alreadyexists) $(this).on(eventname,fn);
        });
    }
});

字符串
也就是说你可以说

$(this).uon('click',doSomething);
$(this).uon('click',doSomething);
$(this).uon('click',doSomething);

型
而且它只会在点击时做一次-而不是3次。
它特别适合这个对象：

var JQEvent={
    ons:[],
    onload:function(sel,fn) {
        JQEvent.ons.push({sel:sel,fn:fn});
    },
    apply:function($el) {
        JQEvent.ons.forEach(on => {
            $el.find(on.sel).each(on.fn);
        });
    }
}

型
也就是说你可以说

JQEvent.onload('input.field',function() {
   $(this).uon('click',doSomething);
}

型
这可能是你想在你的系统中，当你点击一个input. field的时候做一些事情。
然后，当你动态加载一些HTML或在JavaScript中构建一些dom元素时，你可以只应用泛型：

JQuery.apply('div.new-container-element');

型
并且该元素的任何子div将具有应用于它的那些函数。