jQuery HTML5 Event Delegation Support

jquery.html5events.js

(function ($) {

  var html5Events = [
    'afterprint',
    'beforeprint',
    'canplay',
    'canplaythrough',
    'contextmenu',
    'drag',
    'dragend',
    'dragenter',
    'dragleave',
    'dragover',
    'dragstart',
    'drop',
    'durationchange',
    'emptied',
    'ended',
    'error',
    'formchange',
    'forminput',
    'input',
    'invalid',
    'load',
    'loadeddata',
    'loadedmetadata',
    'loadstart',
    'mousewheel',
    'pause',
    'play',
    'playing',
    'progress',
    'ratechange',
    'readystatechange',
    'resize',
    'scroll',
    'seeked',
    'seeking',
    'stalled',
    'suspend',
    'timeupdate',
    'unload',
    'volumechange',
    'waiting'
  ];
  
  $.each(html5Events, function (i, type) {
    var special = $.event.special[type] || {};

    if (!special.setup) {
      special.setup = function(data, namespaces, handler) {
        if (this.addEventListener) {
          this.addEventListener(type, handler, true);
        } else if (this.attachEvent) {
          this.attachEvent('on' + type, handler);
        }
      };
    }

    if (!special.tearDown) {
      special.tearDown = function(namespaces, handler) {
        if (this.removeEventListener) {
          this.removeEventListener(type, handler, true);
        } else {
          $.removeEvent(this, type, handler);
        }
      };
    }

    $.event.special[type] = special;
  });

})(jQuery);

jquery2.html5events.js

(function ($) {

  var html5Events = [
    'afterprint',
    'beforeprint',
    'canplay',
    'canplaythrough',
    'contextmenu',
    'drag',
    'dragend',
    'dragenter',
    'dragleave',
    'dragover',
    'dragstart',
    'drop',
    'durationchange',
    'emptied',
    'ended',
    'error',
    'formchange',
    'forminput',
    'input',
    'invalid',
    'load',
    'loadeddata',
    'loadedmetadata',
    'loadstart',
    'mousewheel',
    'pause',
    'play',
    'playing',
    'progress',
    'ratechange',
    'readystatechange',
    'resize',
    'scroll',
    'seeked',
    'seeking',
    'stalled',
    'suspend',
    'timeupdate',
    'unload',
    'volumechange',
    'waiting'
  ];
  
  $.each(html5Events, function (i, type) {
    var special = $.event.special[type] || {};

    if (!special.setup) {
      special.setup = function(data, namespaces, handler) {
        if (this.addEventListener) {
          this.addEventListener(type, handler, true);
        }
      };
    }

    if (!special.tearDown) {
      special.tearDown = function(namespaces, handler) {
        if (this.removeEventListener) {
          this.removeEventListener(type, handler, true);
        }
      };
    }

    $.event.special[type] = special;
  });

})(jQuery);