最近的项目涉及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()方法
解决方法:暂时没有摸索出更好的方法ÿ