国产探花免费观看_亚洲丰满少妇自慰呻吟_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        }      }    },

       

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 沽源县| 林口县| 克拉玛依市| 龙陵县| 阳信县| 万全县| 胶州市| 合江县| 囊谦县| 阳新县| 略阳县| 洛川县| 平谷区| 锡林浩特市| 香格里拉县| 武夷山市| 清苑县| 涿鹿县| 沾益县| 久治县| 义马市| 唐海县| 贵溪市| 盈江县| 太谷县| 新安县| 迁安市| 平凉市| 庆云县| 隆昌县| 富平县| 祁东县| 千阳县| 东城区| 巴青县| 芜湖市| 桑植县| 康马县| 新邵县| 上杭县| 枣庄市|