web开发中兼容性问题(IE8以上含)持续更新~~
在实际开发中总是遇到莫名其妙的问题~~~那么就记录下来这些问题,对这些问题进行一个总结。
1.事件对象
1)事件参数e,就是事件对象,标准的获取方式
2)e.eventPhase 事件阶段,IE8以前不支持
3)e.target 始终是触发事件的对象(点击的按钮)
i)IE8以前 srcElement
ii)浏览器兼容
1 // 获取事件对象 兼容浏览器 2 getEvent: function(e) { 3 return e || window.event; // e事件对象 标准的获取方式; window.event IE8以前获取事件对象的方式 4 } 5 // 兼容target 6 getTarget: function(e) { 7 return e.target || e.srcElement;
8 }
2.获取页面滚动的距离
1 // 兼容浏览器 2 var scrollTop = document.documentElement.scrollTop || document.body.scrolltop;