javascript - 当我们按下 BACKSPACE/DEL/do CUT 时，IE9 中的 oninput 不会触发

Question

当我们按下 BACKSPACE/DEL/do CUT 时，我们用来解决 IE9 不触发输入事件的问题的最干净的解决方案是什么？

最干净的意思是代码不臭。

Answer 1

我开发了一个 IE9 polyfill用于退格/删除/剪切。

(function (d) {
  if (navigator.userAgent.indexOf('MSIE 9') === -1) return;

  d.addEventListener('selectionchange', function() {
    var el = d.activeElement;

    if (el.tagName === 'TEXTAREA' || (el.tagName === 'INPUT' && el.type === 'text')) {
      var ev = d.createEvent('CustomEvent');
      ev.initCustomEvent('input', true, true, {});
      el.dispatchEvent(ev);
    }
  });
})(document);

出于某种原因，在 IE9 中，当您在文本字段内删除时，会触发 selectionchange 事件。

因此，您唯一需要做的是:检查选择的事件元素是否为输入，然后我告诉元素分派(dispatch) input 事件，这是它应该做的。

将代码放在页面的任何位置，所有删除操作现在都会触发 input 事件!