记录IE10及其以下兼容性问题,待续。。。

881 阅读1分钟

1.IE10flex大部分写法不一致:
参考网址:blog.csdn.net/weixin_4430…
(ie9及以下不支持flex:浏览器兼容性可以参考CanIUse:caniuse.com/#feat=flexb…

2.button的默认type:
即使在没有form表单内,ie10在输入框点击enter也会触发页面里的button,因为ie8(s)+buton自带type=“submit“,此处将button的type改成button即可解决,同时建议在使用button标签的时候,需要明确的为其设定 type 属性(IE6 IE7 IE8(Q)type默认为button)。

3.ie10及其以下不支持通过e.currentTarget获取data-属性里面的值:
此处就手动给ie10加dataset数据;(此处示例在vue里面进行)

                var obj={};
                if (element.currentTarget.dataset) {
                    return element.currentTarget.dataset;
                } else {
                    var data = element.target.attributes
                    console.log(data);
                    for (var i = 0; i < data.length; i++) {
                        var key = data[i].nodeName;
                        //判断是否以data-开头的属性名
                        if (/^data-\w+$/.test(key)) {
                            var value = data[i].nodeValue;//值
                            var keyName=key.match(/^data-(\w+)/)[1];//键名
                            obj[keyName]=value;//对象添加属性
                        }
                    }
                }
        return obj;
    },

获取:var dataset = this.dataset(e); var auntIndex = dataset.属性名

4.ie 10极其以下line-height:
css不能只写line-height,不写height;否则盒子没办法撑起高度;

5.ie11及其以下不支持css里面initial属性;

6.待续