一些常用的代碼片段

  // 拓展zepto-> 給$對象添加自定義的屬性或者方法 
  $.extend($, {
      /*獲取url的數據片段*/
    getURLValue: function (name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return decodeURI(r[2]);
      return null;
    },
     /*驗證手機號碼的數據片段*/
    checkPhone: function (phone) {
      if (!(/^1[34578]\d{9}$/.test(phone))) {
        return false;
      } else {
        return true;
      }
    },
    /*驗證郵箱的數據片段*/
    checkEmail: function (myemail) {
      var myReg = /^[a-zA-Z0-9_-]+@([a-zA-Z0-9]+\.)+(com|cn|net|org)$/;
      if (myReg.test(myemail)) {
        return true;
      } else {
        return false;
      }
    },
    checkLogin: function () {
      // 判斷永久存儲中有沒有userinfo
      return localStorage.getItem("userinfo");
    },
    token: function () {
      // 如果userinfo 存在 返回token 否則就返回 ""
      var token;
      if (!localStorage.getItem("userinfo")) {
        token = "";
      } else {
        token = JSON.parse(localStorage.getItem("userinfo")).token;
      }
      return token;
    },
    // 把當前頁面存放到 會話存儲 中
    setPage:function () {
      sessionStorage.setItem("pageName", location.href);
    },
    // 把頁面的url從 會話存儲 中取出
    getPage:function () {
     return sessionStorage.getItem("pageName");
    },
    // 把用戶信息存放到 永久存儲 中
    setUser:function (obj) {
      localStorage.setItem("userinfo", JSON.stringify(obj));
    },
    // 從 永久存儲 中取出 用戶信息
    getUser:function () {
      return localStorage.getItem("userinfo")?JSON.parse(localStorage.getItem("userinfo")):false;
    },
    // 刪除永久存儲中的userinfo數據
    removeUser:function () {
      localStorage.removeItem("userinfo");

    }
  });
//阻止默認行爲
// 原生js
document.getElementById('btn').addEventListener('click', function (event) {
    event = event || window.eventif (event.preventDefault){
        // w3c方法 阻止默認行爲
        event.preventDefault();
    } else{
        // ie 阻止默認行爲
        event.returnValue = false;
    }
}, false);

// jQuery
$('#btn').on('click', function (event) {
    event.preventDefault();
});
//阻止冒泡
// 原生js
document.getElementById('btn').addEventListener('click', function (event) {
    event = event || window.eventif (event.stopPropagation){
        // w3c方法 阻止冒泡
        event.stopPropagation();
    } else{
        // ie 阻止冒泡
        event.cancelBubble = true;
    }
}, false);

// jQuery
$('#btn').on('click', function (event) {
    event.stopPropagation();
});
//滾輪事件
$('#content').on("mousewheel DOMMouseScroll", function (event) { 
    // chrome & ie || // firefox
    var delta = (event.originalEvent.wheelDelta && (event.originalEvent.wheelDelta > 0 ? 1 : -1)) || 
        (event.originalEvent.detail && (event.originalEvent.detail > 0 ? -1 : 1));  

    if (delta > 0) { 
        // 向上滾動
        console.log('mousewheel top');
    } else if (delta < 0) {
        // 向下滾動
        console.log('mousewheel bottom');
    } 
})
//檢測是否支持svg
function isSupportSVG() { 
    var SVG_NS = 'http://www.w3.org/2000/svg';
    return !!document.createElementNS &&!!document.createElementNS(SVG_NS, 'svg').createSVGRect; 
} 

// 測試
console.log(isSupportSVG());
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章