與JavaScript戀愛之關(guān)于DOM對(duì)象相關(guān)的兼容封裝（一）

Shihira 發(fā)布于2019-08-22 10:49 / 784人閱讀

摘要：兼容獲取指定對(duì)象下具有指定類名的對(duì)象參數(shù)為父節(jié)點(diǎn)對(duì)象，為類名當(dāng)沒有傳入指定的父節(jié)點(diǎn)對(duì)象時(shí)默認(rèn)獲取下所有的指定類事件綁定兼容需要綁定事件的元素，事件類型，執(zhí)行函數(shù)級(jí)及以下級(jí)

1、兼容獲取指定DOM對(duì)象下具有指定類名的DOM對(duì)象

//參數(shù)：parentNode為父節(jié)點(diǎn)對(duì)象，className為class類名
//當(dāng)沒有傳入指定的父節(jié)點(diǎn)對(duì)象時(shí),默認(rèn)獲取document下所有的指定類
function getClass(parentNode,className){ 
    var parentObj=parentNode||document; 
    var childrens=parentObj.getElementsByTagName("*");
    var reg=new RegExp("(s+|^)"+className+"(s+|$)");
    var arr=[];
    for(var i=0;i
2、事件綁定兼容
//element需要綁定事件的元素，type事件類型，handler執(zhí)行函數(shù)
var eventBind={
        getEvent:function(event){
                return event?event:window.event;
        },
    addEvent:function(element,type,handler){
        if(element.addEventListener){
            element.addEventListener(type,handler,false);//DOM2級(jí)
        }else if(element.attachEvent){
            element.attachEvent("on"+type,handler); //IE8及以下
        }else{
            element["on"+type]=handler; //DOM0級(jí)
        }
    },
    removeEvent:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){
            element.detachEvent("on"+type,handler);
        }else{
            element["on"+type]=null;
        }
    },
    getTarget:function(event){
                return event.target?event.target:event.srcElement;
        },
    propagation:function(event){
               if(event.propagation){
                    return event.propagation();
               }else{
                    return event.cancelBubble=true;
               }
        },
    preventDefault:function(event){
               if(event.preventDefault){
                    return event.preventDefautl();
               }else{
                    return event.returnValue=false;
               }
        }
};
eventBind.addEvent(domObj,"click",getHtml); 
function getHtml(event){
   var event=event||window.event;
   console.log(event.target.innerHTML);
}

GPU云服務(wù)器云服務(wù)器 javascript的dom對(duì)象關(guān)于使用linux的相關(guān)軟件 javascript的dom編程關(guān)于javascript的問題

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/91321.html

相關(guān)文章

與JavaScript戀愛之數(shù)組（一）

摘要：一認(rèn)識(shí)數(shù)組數(shù)組是值的有序集合。每一個(gè)值叫一個(gè)元素，每一個(gè)元素在數(shù)組中有一個(gè)位置，以數(shù)字表示，叫做索引。數(shù)組的索引類似于對(duì)象的屬性名等價(jià)于每個(gè)實(shí)例數(shù)組都繼承自中的屬性。構(gòu)造函數(shù)傳入多個(gè)參數(shù)時(shí)參數(shù)為元素。一、認(rèn)識(shí)數(shù)組數(shù)組是值的有序集合。每一個(gè)值叫一個(gè)元素，每一個(gè)元素在數(shù)組中有一個(gè)位置，以數(shù)字表示，叫做索引。第一個(gè)元素的索引為0，數(shù)組有一個(gè)length屬性，為數(shù)組的元素個(gè)數(shù)，length比...

fantix 2019-08-22 10:50 評(píng)論0 收藏0
與JavaScript戀愛之數(shù)組（三）

摘要：一循環(huán)使用參數(shù)為對(duì)象，返回一個(gè)數(shù)組，為對(duì)象屬性名的集合不可枚舉的除外。數(shù)組循環(huán)數(shù)組循環(huán)方法：for循環(huán)，forEach(),for/in。一、for循環(huán)1.使用Object.keys()參數(shù)為對(duì)象，返回一個(gè)數(shù)組，為對(duì)象屬性名的集合(不可枚舉的除外)。IE8+，然后使用for循環(huán)得到對(duì)象的值的集合。 var o={a:1,b:2,c:3}; Object.defineProperty(...

mengera88 2019-08-22 10:50 評(píng)論0 收藏0
JS干貨｜瀏覽器缺陷、瀏覽器的缺陷修復(fù)等五大開發(fā)問題解決之道

摘要：圖對(duì)可復(fù)用代碼挑戰(zhàn)最大的五項(xiàng)問題五大開發(fā)問題如下。瀏覽器的缺陷修復(fù)。瀏覽器缺失的功能。復(fù)雜的地方是，當(dāng)前瀏覽器會(huì)在未來的瀏覽器版本中被修復(fù)。假設(shè)瀏覽器引起常見的網(wǎng)站問題為解決瀏覽器使用特殊技巧，將來瀏覽器發(fā)布新版本修復(fù)了，就會(huì)出現(xiàn)問題。任意一段重要的代碼都需要關(guān)注無數(shù)的開發(fā)問題。但是，其中對(duì)可復(fù)用JavaScript代碼挑戰(zhàn)最大的五項(xiàng)問題如圖14.2所示。 showImg(https...

qiangdada 2019-08-26 13:43 評(píng)論0 收藏0
與JavaScript戀愛之對(duì)象序列化

摘要：對(duì)象序列化是指對(duì)象狀態(tài)轉(zhuǎn)為字符串，也可以將字符串還原為對(duì)象。提供了和兩個(gè)方法使用該方法序列化對(duì)象。只能序列化對(duì)象的可枚舉的屬性，對(duì)于一個(gè)不能序列化的屬性將在對(duì)象序列化后生成的字符串中省略掉這個(gè)屬性。對(duì)象序列化是指對(duì)象狀態(tài)轉(zhuǎn)為字符串，也可以將字符串還原為對(duì)象。ECMAScript5提供了JSON.stringify()和JSON.parse()兩個(gè)方法：1、JSON.stringify...

includecmath 2019-08-22 10:48 評(píng)論0 收藏0
與JavaScript戀愛之對(duì)象的三個(gè)屬性

摘要：為要檢測的對(duì)象構(gòu)造函數(shù)創(chuàng)建的對(duì)象繼承了一個(gè)叫的屬性，該屬性指代該構(gòu)造函數(shù)，即的原型。使用直接量創(chuàng)建的對(duì)象，也有一個(gè)叫的屬性，該屬性指代構(gòu)造函數(shù)，所以直接量創(chuàng)建的對(duì)象的真正原型是，使用方法來檢測對(duì)象的原型并不可靠，在以后的文章中會(huì)提到。一、原型屬性 1、對(duì)象的原型屬性是用來繼承屬性的，這個(gè)屬性如此重要，我們通常稱為：對(duì)象的原型屬性或?qū)ο蟮脑汀?duì)象的原型是在對(duì)象實(shí)例化的時(shí)候就設(shè)置好的...

wanglu1209 2019-08-22 10:48 評(píng)論0 收藏0