A simple cross browser input event.

input-event.js

/**
 * A simple cross browser input event.
 */
function input(node, callback) {
  var doc = document;
  var isIE9 = doc.documentMode && (doc.documentMode === 9);
  var isInputSupported = ('oninput' in node) && !isIE9;

  var inputValue = node.value;

  var addEvent = function(elem, type, listener) {
    elem.attachEvent('on' + type, listener);
  };
  var removeEvent = function(elem, type, listener) {
    elem.detachEvent('on' + type, listener);
  };

  if (isInputSupported) {
    node.addEventListener('input', callback, false);
  } else {
    var inputHandler = function(e) {
      if (node.value !== inputValue) {
        inputValue = node.value;
        callback.call(node, e);
      }
    };

    var propertychangeHandler = function(e) {
      if (e.propertyName === 'value') {
        inputHandler.call(node, e);
      }
    };
    addEvent(node, 'propertychange', propertychangeHandler);

    if (isIE9) {
      var focusHandler = function(e) {
        if (e.type === 'focus') {
          addEvent(doc, 'selectionchange', inputHandler);
        } else {
          removeEvent(doc, 'selectionchange', inputHandler);
        }
      };
      addEvent(node, 'focus', focusHandler);
      addEvent(node, 'blur', focusHandler);
    }

    var nextTickInputHandler = function(e) {
      var that = this;
      setTimeout(function() {
        inputHandler.call(that, e);
      });
    }
    
    addEvent(node, 'keydown', nextTickInputHandler);
    addEvent(node, 'cut', nextTickInputHandler);
    addEvent(node, 'paste', nextTickInputHandler);
  }
}