国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript中的跨瀏覽器事件操作的基本方法整理

2019-11-20 09:58:50
字體:
來源:轉載
供稿:網友

綁定事件

EU.addHandler = function(element,type,handler){  //DOM2級事件處理,IE9也支持  if(element.addEventListener){    element.addEventListener(type,handler,false);  }  else if(element.attachEvent){    //type加'on'    //IE9也可以這樣綁定    element.attachEvent('on' + type,handler);  }  //DOM0級事件處理步,事件流也是冒泡  else{    element['on' + type] = handler;  }};

取消綁定事件
和綁定事件的處理基本一致,有一個注意點:
傳入的handler必須與綁定事件時傳入的相同(指向同一個函數)

EU.removeHandler = function(element,type,handler){  if(element.removeEventListener){    element.removeEventListener(type,handler);  }  else if(element.attachEvent){    element.detachEvent('on' + type,handler);  }  else{    //屬性置空就可以    element['on' + type] = null;  }};

跨瀏覽器添加事件

  function addEvent(obj,type,fn){    if(obj.addEventListener){      obj.addEventListener(type,fn,false);    }else if(obj.attachEvent){//IE      obj.attchEvent('on'+type,fn);    }  }

   
跨瀏覽器移除事件

function removeEvent(obj,type,fn){  if(obj.removeEventListener){    obj.removeEventListener(type,fn,false);  }else if(obj.detachEvent){//兼容IE    obj.detachEvent('on'+type,fn);  }}

跨瀏覽器阻止默認行為

function preDef(ev){    var e = ev || window.event;    if(e.preventDefault){      e.preventDefault();    }else{      e.returnValue =false;    }  }

   
跨瀏覽器獲取目標對象

function getTarget(ev){  if(ev.target){//w3c    return ev.target;  }else if(window.event.srcElement){//IE    return window.event.srcElement;  }}  


跨瀏覽器獲取滾動條位置

//跨瀏覽器獲取滾動條位置,sp == scroll position  function getSP(){    return{      top: document.documentElement.scrollTop || document.body.scrollTop,      left : document.documentElement.scrollLeft || document.body.scrollLeft;    }  }


跨瀏覽器獲取可視窗口大小

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

       

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 东乌| 历史| 湖北省| 阿图什市| 延津县| 白玉县| 岳普湖县| 庆阳市| 双柏县| 永城市| 会东县| 青岛市| 阳谷县| 海安县| 佛教| 金溪县| 新龙县| 托里县| 桦甸市| 桓台县| 政和县| 武陟县| 宿迁市| 福安市| 克拉玛依市| 枣阳市| 华宁县| 象州县| 贺兰县| 八宿县| 承德县| 山阳县| 成武县| 贵德县| 罗定市| 巩留县| 正蓝旗| 仙居县| 桂东县| 日照市| 黄石市|