博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript下兼容都有哪些
阅读量:7211 次
发布时间:2019-06-29

本文共 1253 字,大约阅读时间需要 4 分钟。

1.event 事件

function move(ev){

  var oEvent = ev || event;  //前者ie     后者event是ff 谷歌

}

 

attachEvent添加绑定事件ie支持    addEventListener兼容其他浏览器

var oDiv = document.getElementById("div1");

  oDiv.attachEvent("onclick",function(){//第一参数为事件  第二个参数为 函数

  alert("a");

});

var oDiv = document.getElementById("div1");

  oDiv.addEventListener("click",function(){//第一参数为事件  第二个参数为 函数 第三个参数是 :false冒泡/true捕捉  

  alert("a");

});

兼容写法 封装:

function addEvent(obj,ev,fn)

{

  if(obj.attachEvent)

  {

    obj.attachEvent("on"+ev,fn);

  }else{

    obj.addListener(ev,fn,false);

  }

}

 

阻止冒泡 兼容写法:

function stopBulling(ev)

{

  var oEvent = ev || event;

  if(oEvent.stopPropagation)//ie不兼容

  {

    oEvent.stopPropagation();

  }else{

    event.cancelBubble = true;//ff 谷歌使用

  }

}

 

获取事件目标对象

var outer = document.getElementById("outer");

outer.onclick = function(ev)

{

  var oEvent = ev || event;

  var targetElement = oEvent.target || oEvent.srcElement;//和this差不多 前者ff 谷歌 ,后者ie

}

 

阻止浏览器默认行为:

if(oEvent.preventDefault)

{

  oEvent.preventDafault(); //非ie

}else{

  oEvent.returnValue  = false;//ie浏览器

}

 

2.document.getElementByClassName 取标签 ie不支持

 

3.获取非IE窗口scrollTop 通过 document.body.scrollTop

  获取ie窗口scrollTop 通过 document.documentElement.scrollTop

 

转载于:https://www.cnblogs.com/mingjixiaohui/p/5246850.html

你可能感兴趣的文章
4.安卓基础之Activity跳转动画
查看>>
【连载】Django入门到实战(一)
查看>>
分布式压测系列之Jmeter4.0
查看>>
PHP冒泡排序
查看>>
从java的NIO版hello world看java源码,我们能看到什么?
查看>>
Java™ 教程(控制流语句)
查看>>
【刷算法】LeetCode- 两数之和
查看>>
Python 中的 10 个常见安全漏洞,以及如何避免(上)
查看>>
GMTC 大前端时代前端监控的最佳实践
查看>>
类文件结构
查看>>
[Python教程] 一只乌龟其实也很酷 (1、动起来)
查看>>
手动实现bind函数(附MDN提供的Polyfill方案解析)
查看>>
八年磨一剑,阿里云ApsaraDB for HBase2.0正式上线
查看>>
HTTP/2 技术调研和性能分析
查看>>
ES6 javascript 实用开发技巧
查看>>
如何在新版的gitbook上写自己的书
查看>>
Java知识点总结(Java容器-ArrayList)
查看>>
Shared Event-loop for Same-Origin Windows(译)
查看>>
写一个简单易用可扩展vue表单验证插件(vue-validate-easy)
查看>>
使用stanford nlp进行依存句法分析
查看>>