JS的九大事件兼容

事件兼容

1.获取被点击事件源 语法： var target = e.target || e.srcElement; 2.获取事件： 语法： document.onclick = function(evt){ var e = evt || event; console.log(e); }; 3.获取所按下按键的ASC码值 语法： var key = e.keyCode || e.which || e.charCode; 4.阻止事件冒泡： 兼容写法： e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true; 5.阻止浏览器默认样式 语法： e.preventDefault?e.preventDefault():e.returnValue = false; 6.获得滚动条高度： 语法： var top = document.body.scrollTop || document.documentElement.scrollTop; 7.返回到页面顶端： 语法： document.body.scrollTop = document.documentElement.scrollTop = 0; 8.获取非行内样式(读取) 语法： function getStyle(obj,attr){ //获取非行间样式，obj是对象，attr是值 if(obj.currentStyle){ //针对ie获取非行间样式 return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; //针对非ie }; }; 9.Ajax兼容: 语法： let xhr = new XMLHttpRequest()||new ActiveXObject("Microsoft,XMLHTTP");