/*
 跨浏览器添加事件绑定
 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;
};

//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 跨浏览操作的更多相关文章

  1. JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...

  2. 前端Js跨域方法汇总—剪不断,理还乱,是跨域

    1.通过jsonp跨域2.通过修改document.domain来跨子域(iframe)3.隐藏的iframe+window.name跨域4.iframe+跨文档消息传递(XDM)5.跨域资源共享 C ...

  3. 详解JS跨域问题

    什么是跨域? 概念:只要协议.域名.端口有任何一个不同,都被当作是不同的域.             JavaScript   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ...

  4. 【js跨域】js实现跨域访问的几种方式

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...

  5. 【前端】【转】JS跨域问题总结

    详情见原博客:详解js跨域问题 概念:只要协议.域名.端口有任何一个不同,都被当作是不同的域. 跨域资源共享(CORS) CORS(Cross-Origin Resource Sharing)跨域资源 ...

  6. 利用JS跨域做一个简单的页面访问统计系统

    其实在大部分互联网web产品中,我们通常会用百度统计或者谷歌统计分析系统,通过在程序中引入特定的JS脚本,然后便可以在这些统计系统中看到自己网站页面具体的访问情况.但是有些时候,由于一些特殊情况,我们 ...

  7. 【转】JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...

  8. JS跨域方法及原理

        JS跨域分析判断 JS跨域:在不同域之间,JS进行数据传输或通信.比如ajax向不同的域请求数据.JS获取iframe中的页面中的值(iframe内外不同域) 只要协议.端口.域名有一个不同则 ...

  9. JS跨域笔记

    什么是跨域,跨域是指不同域之间相互访问,只要协议.域名.端口有任何一个不同,都被当作是不同的域. 对于端口和协议的不同,只能通过后台来解决,前台是无能为力的. 受浏览器同源策略的限制,本域的js不能操 ...

随机推荐

  1. 转:使用Android API最佳实践

    原文来自于:http://blog.jobbole.com/65170/ 写在前面 现在,Android应用程序中集成第三方API已十分流行.应用程序都有自己的网络操作和缓存处理机制,但是大部分比较脆 ...

  2. 转: memcpy的用法总结

    1.memcpy 函数用于 把资源内存(src所指向的内存区域) 拷贝到目标内存(dest所指向的内存区域):拷贝多少个?有一个size变量控制拷贝的字节数:函数原型:void *memcpy(voi ...

  3. poj2352 Stars

    http://poj.org/problem?id=2352 #include <cstdio> #include <cstring> #define maxn 400000 ...

  4. poj 1364

    http://poj.org/problem?id=1364 #include<cstdio> #include<cstring> #include<algorithm& ...

  5. 哟西,CLOUDSTACK第一步,搞定

    安装了N十次,找个RESET SERVER的脚本.

  6. Java ClassLoader基础及加载不同依赖 Jar 中的公共类(转)

    http://www.iteye.com/topic/1135259 http://www.trinea.cn/android/java-loader-common-class/ http://www ...

  7. pl/sql 程序块里打印问题

    declare v_number NUMBER; v_number2 NUMBER; begin select count(*) into v_number from dual; DBMS_OUTPU ...

  8. Gas Station——LeetCode

    There are N gas stations along a circular route, where the amount of gas at station i is gas[i]. You ...

  9. gtest官方文档浅析

    gtest的所有官方文档:http://code.google.com/p/googletest/w/list 选择单元测试框架的那些事 gtest不是唯一开源的单元测试框架,我也不觉得它是最好的单元 ...

  10. mysql数据库sql常用命令

    1.查看索引:mysql> show index from tblname; 2.利用索引查询:SELECT * FROM product WHERE ID > =(select id f ...