js常见的兼容性问题

1,获取滚动条的距离

var sTop=document.documentElement.scrollTop  ||   document.body.scrollTop//(ie)

2,网页可视区域兼容

window.innerHeight || document.documentElement.clientHeight
window.innerWidth || document.documentElement.clientWidth

3,事件对象

var e = event || window.event

4,获取事件源

e.target || e.srcElement;

5,输出文本

innerText || textContent

6,获取键盘信息

e.keyCode  ||   e.which

7,阻止事件的默认行为

function prevent(e){
     if(e.preventDefault){
          e.preventDefault();
     }else{
          e.returnValue=false //(ie)
   }
}

8,阻止事件冒泡

e.stopPropagation() ? e.stopPropagation() : e.cancelBubble=true;

9,创建ajax对象

var xhr = new XMLHttpRequest() || new ActiveXObject("Microsoft,XMLHTTP");

10,事件监听

addEventListener('事件名','事件函数',true/false)       
removeEventListener ()
//IE
attachEvent()
detachEvent()
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11
  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 1,735评论 1 7
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,551评论 0 4
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 3,089评论 1 10
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    LemonnYan阅读 707评论 0 4