JS的一些兼容性写法

1、 获取滚动距离

        document.documentElement.scrollTop ()   
        document.body.scrollTop()   ==> 兼容IE      

2、 获取非行间样式

         getcomputedStyle()    参数1:当前对象
         参数2:伪类选择器,通常不会使用,用false代替
         currentStyle()   【语法】:对象.current[attr]

3、 事件中兼容性问题

         var e = e || event;

4、 找到事件源

         e.target  ||  e.srcElement      ==>   例如点击事件 ,则获取的是点击位置标签名(大写)

5、 获取按下的键盘码

         e.keyCode  ||  e.which   

6、 阻止事件冒泡

         e.stopPropagation()   ||    e.cancelBubble

7、 阻止浏览器默认行为(例如点击右键出来菜单栏)

         e.preventDefault()   ||    e.returnValue = false

8、 DOM2级监听事件兼容

         addEventListener       removeEventListener 
         attachEvent                 detachEvent            ===>  IE兼容

9、 创建ajax对象

         var xhr = new XMLHttpRequest()     ||    new ActiveXObject("Microsoft,XMLHTTP")
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,867评论 1 11
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,078评论 1 45
  • 事件流分为两种,捕获事件流和冒泡时间流 捕获事件流:从根节点出发开始执行,一直往子节点查找执行,直到查到到根节点。...
    路上灵魂的自由者阅读 3,043评论 0 0
  • 事件流 IE和Netscape开发团队提出了完全相反的两种事件流的概念,事件冒泡流和事件捕获流。 事件冒泡 事件由...
    exialym阅读 4,545评论 0 9
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 7,325评论 0 4