Source: lib/polyfill/input_event.js

  1. /**
  2.  * @license
  3.  * Copyright 2016 Google Inc.
  4.  *
  5.  * Licensed under the Apache License, Version 2.0 (the "License");
  6.  * you may not use this file except in compliance with the License.
  7.  * You may obtain a copy of the License at
  8.  *
  9.  *     http://www.apache.org/licenses/LICENSE-2.0
  10.  *
  11.  * Unless required by applicable law or agreed to in writing, software
  12.  * distributed under the License is distributed on an "AS IS" BASIS,
  13.  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14.  * See the License for the specific language governing permissions and
  15.  * limitations under the License.
  16.  */
  18. goog.provide('shaka.polyfill.InputEvent');
  20. goog.require('shaka.log');
  21. goog.require('shaka.polyfill.register');
  24. /**
  25.  * @namespace shaka.polyfill.InputEvent
  26.  *
  27.  * @summary A polyfill to patch 'input' event support in IE11.
  28.  */
  31. /**
  32.  * Install the polyfill if needed.
  33.  */
  34. shaka.polyfill.InputEvent.install = function() {
  35.   shaka.log.debug('InputEvent.install');
  37.   // IE11 doesn't treat the 'input' event correctly.
  38.   // https://connect.microsoft.com/IE/Feedback/Details/856998
  39.   // If you know a better way than a userAgent check to detect this, please
  40.   // send a patch.
  42.   // This matches IE11, but not Edge.  Edge does not have this problem.
  43.   if (navigator.userAgent.indexOf('Trident/') < 0) {
  44.     // Not IE, so don't patch anything.
  45.     return;
  46.   }
  48.   if (HTMLInputElement.prototype.addEventListener ==
  49.       shaka.polyfill.InputEvent.addEventListener_) {
  50.     // The polyfill was already installed.
  51.     return;
  52.   }
  54.   shaka.log.info('Patching input event support on IE.');
  56.   shaka.polyfill.InputEvent.originalAddEventListener_ =
  57.       HTMLInputElement.prototype.addEventListener;
  59.   HTMLInputElement.prototype['addEventListener'] =
  60.       shaka.polyfill.InputEvent.addEventListener_;
  61. };
  64. /**
  65.  * The original addEventListener from HTMLInputElement.
  66.  * @private Function
  67.  */
  68. shaka.polyfill.InputEvent.originalAddEventListener_;
  71. /**
  72.  * Add an event listener to this object and translate the event types to those
  73.  * that work on IE11.
  74.  *
  75.  * @param {string} type
  76.  * @param {EventListener|function(!Event):(boolean|undefined)} listener
  77.  * @param {(!AddEventListenerOptions|boolean)=} opt_options
  78.  * @this {HTMLInputElement}
  79.  * @private
  80.  */
  81. shaka.polyfill.InputEvent.addEventListener_ =
  82.     function(type, listener, opt_options) {
  83.   if (type == 'input') {
  84.     // Based on the type of input element, translate the HTML5 'input' event to
  85.     // one that IE11 will actually dispatch.
  87.     switch (this.type) {
  88.       // For range inputs, we use the 'change' event.
  89.       case 'range':
  90.         type = 'change';
  91.         break;
  92.     }
  93.   }
  95.   shaka.polyfill.InputEvent.originalAddEventListener_.call(
  96.       this, type, listener, opt_options);
  97. };
  100. shaka.polyfill.register(shaka.polyfill.InputEvent.install);