React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能


Posted in Javascript onMay 26, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

/**
 * Created by wuyakun on 2017/5/23.
 */let wxUtils = {};
/**
 * 是否开启右上角Menu
 * @param open
 */
wxUtils.optionMenu = function (open = true) {
 if (open) {
  openOptionMenu();
 } else {
  disabledOptionMenu();
 }
};
/**
 * 是否禁用右上角
 */
function disabledOptionMenu() {
 if (typeof WeixinJSBridge === "undefined") {
  if (document.addEventListener) {
   document.addEventListener('WeixinJSBridgeReady', onBridgeReady(true), false);
  } else if (document.attachEvent) {
   document.attachEvent('WeixinJSBridgeReady', onBridgeReady(true));
   document.attachEvent('onWeixinJSBridgeReady', onBridgeReady(true));
  }
 } else {
  onBridgeReady(true);
 }
}
/**
 * 开启menu
 */
function openOptionMenu() {
 if (typeof WeixinJSBridge === "undefined") {
  if (document.addEventListener) {
   document.addEventListener('WeixinJSBridgeReady', onBridgeReady(false), false);
  } else if (document.attachEvent) {
   document.attachEvent('WeixinJSBridgeReady', onBridgeReady(false));
   document.attachEvent('onWeixinJSBridgeReady', onBridgeReady(false));
  }
 } else {
  onBridgeReady(false);
 }
}
function onBridgeReady(disable = true) {
 if (typeof WeixinJSBridge !== "undefined") WeixinJSBridge.call(disable ? 'hideOptionMenu' : 'showOptionMenu');
}
/**
 * 隐藏微信网页底部的导航栏
 * @param disable
 */
wxUtils.disabledToolbar = function (disable = true) {
 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  // 通过下面这个API隐藏底部导航栏
  WeixinJSBridge.call(disable ? 'hideToolbar' : 'showToolbar');
 });
};
/**
 * 获取网络类型
 */
wxUtils.getNetworkType = function () {
 //network_type:wifi wifi网络 2 network_type:edge 非wifi,包含3G/2G 3 network_type:fail 网络断开连接 4 network_type:wwan 2g或者3g
 WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
  // 在这里拿到e.err_msg,这里面就包含了所有的网络类型
  return e;
 });
};
export default wxUtils;

用法很简单:

export default class BaseComponent extends React.Component {
 componentDidMount() {
  try {
   //如果存在location说明是路由Component
   if (this.props.location) {
    // 全部禁用分享,想要分享自己开
    wxUtils.optionMenu(false);
   }
  } catch (e) {
   // console.log(e);
  }
 }
}

我写在了Base里面,主要是wxUtils.optionMenu(false);这一句

Javascript 相关文章推荐
刷新时清空文本框内容的js代码
Apr 23 Javascript
js arguments.callee的应用代码
May 07 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
Jan 17 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
js实现页面a向页面b传参的方法
May 29 Javascript
详解angular2封装material2对话框组件
Mar 03 Javascript
干货!教大家如何选择Vue和React
Mar 13 Javascript
用Vue.extend构建消息提示组件的方法实例
Aug 08 Javascript
如何解决webpack-dev-server代理常切换问题
Jan 09 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
Apr 11 Javascript
webpack 最佳配置指北(推荐)
Jan 07 Javascript
使用JS前端技术实现静态图片局部流动效果
Aug 05 Javascript
AngularJS表单验证功能分析
May 26 #Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 #Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
May 26 #Javascript
BootStrap中的Fontawesome 图标
May 25 #Javascript
Vue.js 中的 $watch使用方法
May 25 #Javascript
详解Javascript获取缓存和清除缓存API
May 25 #Javascript
Angularjs 实现动态添加控件功能
May 25 #Javascript
You might like
PHP写杨辉三角实例代码
2011/07/17 PHP
PHP文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
Javascript之String对象详解
2016/06/08 Javascript
js转html实体的方法
2016/09/27 Javascript
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
Node接收电子邮件的实例代码
2017/07/21 Javascript
JavaScript递归算法生成树形菜单
2017/08/15 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
2017/08/16 Javascript
Django使用多数据库的方法
2017/09/06 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
2019/11/21 Javascript
[01:22]DOTA2神秘商店携大量周边降临完美大师赛
2017/11/07 DOTA
python抓取网页时字符集转换问题处理方案分享
2014/06/19 Python
python flask中静态文件的管理方法
2018/03/20 Python
python 通过麦克风录音 生成wav文件的方法
2019/01/09 Python
django项目用higcharts统计最近七天文章点击量
2019/08/17 Python
django 简单实现登录验证给你
2019/11/06 Python
python装饰器原理与用法深入详解
2019/12/19 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
Python创建文件夹与文件的快捷方法
2020/12/08 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
会计出纳员的自我评价
2014/01/15 职场文书
高中生期末评语
2014/01/28 职场文书
物流管理专业求职信
2014/05/29 职场文书
破坏寝室公物检讨书
2014/11/17 职场文书
老公出轨后的保证书
2015/05/08 职场文书
单身证明格式样本
2015/06/15 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
python中pd.cut()与pd.qcut()的对比及示例
2022/06/16 Python