国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

那些年我封裝的 JS 函數(shù)

不知名網(wǎng)友 / 472人閱讀

摘要：但我也說(shuō)了，這些我積累的函數(shù)都是兼容性極佳的方式，也就是說(shuō)，不管是的多低版本，也是沒(méi)多大問(wèn)題的，而且這些自己實(shí)現(xiàn)的功能確實(shí)對(duì)初學(xué)者幫助不少。

給標(biāo)簽增加或移出類(lèi)名

肯定有人會(huì)說(shuō)，添加類(lèi)名可以用obj.classList.add呀，是的，這沒(méi)有錯(cuò)。但我也說(shuō)了，這些我積累的函數(shù)都是兼容性極佳的方式，也就是說(shuō)，不管是 ie 的多低版本，也是沒(méi)多大問(wèn)題的，而且這些自己實(shí)現(xiàn)的功能確實(shí)對(duì)初學(xué)者幫助不少。

function addClass(ele, className){
    var reg = new RegExp(""+className+"");
    if(!reg.test(ele.className)){
        /* 如果元素 ele 不包含 className */
        ele.className += " "+className;
    };
};

function removeClass(ele, className){
    if(ele.className){
        var reg = new RegExp(""+className+"");
        var classes = ele.className;
        ele.className = classes.replace(reg, "");
        if(/^s*$/g.test(ele.className)){
            ele.removeAttribute("class");
        };
    }else{
        ele.removeAttribute("class");
    }
};

2.滾輪事件

滾輪事件也是 PC 端主流網(wǎng)站必須實(shí)現(xiàn)的功能，通常我們會(huì)配合我們自己寫(xiě)的滾動(dòng)條禁止掉系統(tǒng)的滾動(dòng)條來(lái)使用。但是，滾輪事件跟我們想象的略有不同，它是 firefox 一種綁定，反而 ie 和 chrome 是一樣的。

window.onload = function () {

  //ie/chrome
  document.onmousewheel = function(event){
      scrollMove(event,callback)
  }
  //firefox
  if(document.addEventListener){
    document.addEventListener("DOMMouseScroll",function(event){
        scrollMove(event,callback)
    });
  }

  function scrollMove(event,callback) {
    event = event || window.event;
    var flag = "";
    if(event.wheelDelta){
      //ie/chrome
      if(event.wheelDelta > 0){
        //上
        flag = "up";
      }else {
        //下
        flag = "down"
      }
    }else if(event.detail){
      //firefox
      if(event.detail < 0){
        //上
        flag = "up";
      }else {
        //下
        flag = "down"
      }
    }

    switch (flag){
      case "up":
        if (callback && callback["wheelUp"] == "function") {
            callback.wheelUp()
        }          
        break;
      case "down":
        
        break;
    }

    //取消默認(rèn)行為
    event.preventDefault && event.preventDefault();
    return false;
  }

};

未完待續(xù) ， 有時(shí)間就更新

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

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

相關(guān)文章

  • 那些年我遇到過(guò)的兼容性問(wèn)題

    摘要：每次面試時(shí)常被問(wèn)到兼容問(wèn)題的解決，有時(shí)自己遇到過(guò)的問(wèn)題竟然也忘記了是怎么解決的，索性今天把它們記錄下來(lái)。的實(shí)現(xiàn)原理是在檢測(cè)到事件的時(shí)候，會(huì)通過(guò)自定義事件立即出發(fā)模擬一個(gè)事件，并把瀏覽器在之后的事件阻止掉。 每次面試時(shí)常被問(wèn)到兼容問(wèn)題的解決，有時(shí)自己遇到過(guò)的問(wèn)題竟然也忘記了是怎么解決的，索性今天把它們記錄下來(lái)。 1、chrome瀏覽器下不支持字體小于12像素 通過(guò)transform:sc...

    iamyoung001 評(píng)論0 收藏0

  • 【福利】那些年我總結(jié)的Web開(kāi)發(fā)者成長(zhǎng)路線(xiàn)

    摘要：從實(shí)習(xí)后的那些年里，我就開(kāi)始經(jīng)常總結(jié)一下自己的學(xué)習(xí)路線(xiàn)，成長(zhǎng)路線(xiàn)等等。成長(zhǎng)路線(xiàn)圖最開(kāi)始的時(shí)間，我并沒(méi)有想到這張大圖可以如此的受歡迎。它是一款專(zhuān)注于開(kāi)發(fā)者成長(zhǎng)的應(yīng)用，涵蓋開(kāi)發(fā)的流程及技術(shù)棧，開(kāi)發(fā)的學(xué)習(xí)路線(xiàn)成長(zhǎng)衡量等各方面。 從實(shí)習(xí)后的那些年里，我就開(kāi)始經(jīng)常總結(jié)一下自己的學(xué)習(xí)路線(xiàn)，成長(zhǎng)路線(xiàn)等等。今天，就重新把這些資料再放出來(lái)啦啦。 當(dāng)然，這些資料也都是在我的GitHub上有的啦。 Deve...

    Terry_Tai 評(píng)論0 收藏0

  • 【福利】那些年我總結(jié)的Web開(kāi)發(fā)者成長(zhǎng)路線(xiàn)

    摘要：從實(shí)習(xí)后的那些年里，我就開(kāi)始經(jīng)常總結(jié)一下自己的學(xué)習(xí)路線(xiàn)，成長(zhǎng)路線(xiàn)等等。成長(zhǎng)路線(xiàn)圖最開(kāi)始的時(shí)間，我并沒(méi)有想到這張大圖可以如此的受歡迎。它是一款專(zhuān)注于開(kāi)發(fā)者成長(zhǎng)的應(yīng)用，涵蓋開(kāi)發(fā)的流程及技術(shù)棧，開(kāi)發(fā)的學(xué)習(xí)路線(xiàn)成長(zhǎng)衡量等各方面。 從實(shí)習(xí)后的那些年里，我就開(kāi)始經(jīng)常總結(jié)一下自己的學(xué)習(xí)路線(xiàn)，成長(zhǎng)路線(xiàn)等等。今天，就重新把這些資料再放出來(lái)啦啦。 當(dāng)然，這些資料也都是在我的GitHub上有的啦。 Deve...

    I_Am 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<