js 工具汇总

1.判断环境

• 1.判断当前环境是否在微信中

// 判断当前环境是否在微信中
export const isWeiXinEnvironment = () => {
  if (navigator.userAgent.toLowerCase().includes("micromessenger")) {
    return true;
  }
  return false;
};

• 2.判断当前环境是否是 android

// 判断当前环境是否是android
export const isAndroidEnvironment = () => {
  let ua = navigator.userAgent.toLowerCase();
  if (/iphone|ipad|ipod/.test(ua)) {
    return false;
  } else if (/android/.test(ua)) {
    return true;
  }
};

• 3.判断是否在 app 里

//判断是否在app环境中
export const JudgeApp = function() {
  const ua = navigator.userAgent.toLowerCase();
  if (ua.indexOf("demohealthapp") > -1) {
    return true;
  } else {
    return false;
  }
};

复制内容到粘贴板

/**
 * 复制内容到粘贴板
 * content : 需要复制的内容
 * callback : 回调函数
 */
export const copyToClip = function(content, callback) {
  var aux = document.createElement("input");
  aux.setAttribute("value", content);
  document.body.appendChild(aux);
  aux.select();
  document.execCommand("copy");
  document.body.removeChild(aux);
  callback();
};

监听滚动条是否滚动到底部

/**
 * 监听滚动条是否滚动到底部
 * 使用方式:
 * 1.导入： import { listenerScrollPageBottom } from '@/utils/tools';
 * 2.vue mount 中 window.addEventListener('scroll', listenerScrollPageBottom, false);
 * @param {*} 参数
 */
export const listenerScrollPageBottom = () => {
  let isBottom = false;
  // 变量scrollTop是滚动条滚动时，距离顶部的距离
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  console.log("my console scrollTop : ", scrollTop);
  // 变量windowHeight是可视区的高度
  var windowHeight = document.documentElement.clientHeight;
  // 变量scrollHeight是滚动条的总高度
  var scrollHeight = document.documentElement.scrollHeight;
  // 滚动条到底部的条件
  if (Number(scrollTop) + Number(windowHeight) + 2 >= scrollHeight) {
    // 到了这个就可以进行业务逻辑加载后台数据了
    console.log("到了底部");
    isBottom = true;
  }
  return isBottom;
};