js 跨浏览操作

/*
跨浏览器添加事件绑定
obj :　需要绑定js时间的对象
type: 欲绑定的事件类型，如：click ,mounseover 等事件不需要添加on
fn : 触发的脚本
*/
function addEvent(obj,type,fn){
if(typeof obj.addEventListener !='undefined'){ //W3C
     obj.addEventListener(type,fn,false) ; //false表示不捕获冒泡
}else{ //IE   IE提供的添加事件绑定存在问题
     //为了便于删除事件特将对象绑定的事件都绑定在该对象本身上，删除的时候同样传递一个该对象即可
      if(!obj.events[type]){
      obj.events[type] = [] ; //创建一个存放事件处理函数的数组
    //把第一次的事件处理函数先储存到第一个位置上
  if(obj["on"+type]){
      obj.events[type][0] = fn;
  }
   }else{
      //同一个注册函数进行屏蔽，不添加到计数器中
   if (addEvent.equal(obj.events[type], fn)) return false;
   }
   //从第二次开始我们用事件计数器来存储
  obj.events[type][addEvent.ID++] = fn;
  //执行事件处理函数
  obj['on' + type] = addEvent.exec;

}
}

//为每个事件分配一个计数器
addEvent.ID = 1;

//同一个注册函数进行屏蔽
addEvent.equal = function (es, fn) {
for (var i in es) {
if (es[i] == fn) return true;
}
return false;
}

//执行事件处理函数
addEvent.exec = function (event) {
var e = event || addEvent.fixEvent(window.event);
var es = this.events[e.type];
for (var i in es) {
es[i].call(this, e);
}
};

//把IE常用的Event对象配对到W3C中去
addEvent.fixEvent = function (event) {
event.preventDefault = addEvent.fixEvent.preventDefault;
event.stopPropagation = addEvent.fixEvent.stopPropagation;
event.target = event.srcElement;
return event;
};

//IE阻止默认行为
addEvent.fixEvent.preventDefault = function () {
this.returnValue = false;
};

//跨浏览器删除事件
function removeEvent(obj, type, fn) {
if (typeof obj.removeEventListener != 'undefined') { //W3C
  obj.removeEventListener(type, fn, false);
} else {
  for (var i in obj.events[type]) {
   if (obj.events[type][i] == fn) {
    delete obj.events[type][i];
   }
  }
}
}

//跨浏览器获取窗口可视大小

function getInner(){
   if(typeof window.innerWidth !='undefined'){
     return {
     width:window.innerWidth ,
  height:window.innerHeight
}
   }else{
     return {
      width:document.documentElement.clientWidth ,
   height:document.documentElement.clientHeight
}
   }
}

//跨浏览器获取滚动条到左边的垂直宽度
function getScollLeft(){
        var scrollPos;
        if (window.pageXOffset) {
        scrollPos = window.pageXOffset; }
        else if (document.compatMode && document.compatMode != 'BackCompat')
        { scrollPos = document.documentElement.scrollLeft; }
        else if (document.body) { scrollPos = document.body.scrollLeft; }
        return scrollPos;
}

//跨浏览器获取滚动条到顶部的垂直高度
function getScrollTop() {
        var scrollPos;
        if (window.pageYOffset) {
        scrollPos = window.pageYOffset; }
        else if (document.compatMode && document.compatMode != 'BackCompat')
        { scrollPos = document.documentElement.scrollTop; }
        else if (document.body) { scrollPos = document.body.scrollTop; }
        return scrollPos;
}

//跨浏览器获取Style
function getStyle(element, attr) {
if (typeof window.getComputedStyle != 'undefined') {//W3C
return window.getComputedStyle(element, null)[attr];
} else if (typeof element.currentStyle != 'undeinfed') {//IE
return element.currentStyle[attr];
}
}

//判断class是否存在
function hasClass(element, className) {
return element.className.match(new RegExp('(\\s|^)' +className +'(\\s|$)'));
}

//跨浏览器添加link规则
function insertRule(sheet, selectorText, cssText, position) {
if (typeof sheet.insertRule != 'undefined') {//W3C
sheet.insertRule(selectorText + '{' + cssText + '}', position);
} else if (typeof sheet.addRule != 'undefined') {//IE
sheet.addRule(selectorText, cssText, position);
}
}

//跨浏览器移出link规则
function deleteRule(sheet, index) {
if (typeof sheet.deleteRule != 'undefined') {//W3C
sheet.deleteRule(index);
} else if (typeof sheet.removeRule != 'undefined') {//IE
sheet.removeRule(index);
}
}

//获取Event对象
function getEvent(event){
return event || window.event;
}

//阻止默认行为
function preDef(event) {
var e = getEvent(event);
if (typeof e.preventDefault != 'undefined') {//W3C
e.preventDefault();
} else {//IE
e.returnValue = false;
}
}

//删除左后空格
function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g, '');
}

秒客网

js 跨浏览操作

相关文章