IE compatibility issues notes

IE compatibility issues notes

css section

• white-space: nowrap; do not take effect [solution: add a line style (word-break: keep-all;)]
  white-space:nowrap; word-break:keep-all;

Form part

• Under ie input box set readonly attribute, you can click the mouse or cursor focus [solution: give up readonly property using disabled property methods]
  <input type="text" name="email" disabled="disabled">

js part

• Ie input change under the frame of the event can not be triggered with the enter key [Solution: Use the keyboard to capture the event, to determine key value is equal to '13' (enter), then call the condition change event]

  function IsIe() {
  
      if  ( !!window["ActiveXObject"]  ||  "ActiveXObject" in window ) {
          return true;
      } else {
          return false;
      }    
  }
  
  function getEnterEvent(e)  {
  
      if (isIe) {
          if (e.keyCode == 13) {
  
              //注意判断值没有发生变化时不做修改
          }
      }
  }