ie11兼容问题汇总及解决方案

最近的项目涉及ie11的兼容，简直是各种奇葩问题扑面而来。为了加强记忆或者给其他小伙伴福利，赶紧汇总记录了下来：

1.样式问题：部分属性iE不兼容，例：
  a.    white-space: nowrap ：nowrap 不生效
  解决方法：添加一行样式：
word-break: keep-all

  b.    inherit 属性不生效、避免在ie中使用该属性

2.原生js部分属性不兼容，例:
includes()方法报错
解决方法：用indexOf()方法替代

 

el.indexOf()>=0  <==>  el.indexOf 返回true

3.冒泡事件，ie默认接受冒泡事件
       解决方法：阻止事件向父元素冒泡
      //如果提供了事件对象，则这是一个非IE浏览器 
      if ( e && e.stopPropagation ) 
      //因此它支持W3C的stopPropagation()方法 
      e.stopPropagation(); 
      //否则，我们需要使用IE的方式来取消事件冒泡 

 

 

      else window.event.cancelBubble = true; 

 

4.formData.set()方法不支持，其实ie只支持formData.append()方法

    解决方法：暂时没有摸索出更好的方法ÿ