IE 兼容问题笔记

IE 兼容问题笔记

css部分

• white-space:nowrap;不生效【解决办法：添加一行样式（word-break:keep-all;）】
  white-space:nowrap; word-break:keep-all;

表单部分

• ie下input框设置了readonly属性，鼠标还是可以点击光标聚焦【解决办法：放弃readonly属性，采用disabled属性方法】
  <input type="text" name="email" disabled="disabled">

js部分

• ie下input框的change事件不能用enter键触发【解决办法：用键盘捕捉事件，判断键值是否等于‘13’（enter），满足条件再调用change事件】

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