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 相关文章推荐
关于锚点跳转及jQuery下相关操作与插件
Oct 01 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
ES6 Promise对象概念与用法分析
Apr 01 Javascript
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
微信小程序实时聊天WebSocket
Jul 05 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
微信小程序与后台PHP交互的方法实例分析
Dec 10 Javascript
Vue + Element UI图片上传控件使用详解
Aug 20 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
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
Yii2超好用的日期和时间组件(值得收藏)
2016/05/05 PHP
PHP+Apache+Mysql环境搭建教程
2016/08/01 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
js实现动态改变字体大小代码
2014/01/02 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
jQuery编写设置和获取颜色的插件
2017/01/09 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
C#微信小程序服务端获取用户解密信息实例代码
2017/03/10 Javascript
详解vee-validate的使用个人小结
2017/06/07 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
Python完全新手教程
2007/02/08 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
Python使用django搭建web开发环境
2017/06/09 Python
Window 64位下python3.6.2环境搭建图文教程
2018/09/19 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
python3 unicode列表转换为中文的实例
2018/10/26 Python
python颜色随机生成器的实例代码
2020/01/10 Python
Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析
2020/03/23 Python
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
阿波罗盒子:Apollo Box
2017/08/14 全球购物
房地产销售员的自我评价分享
2013/12/04 职场文书
大学生涯自我鉴定
2014/01/16 职场文书
学生周末长期请假条
2014/02/15 职场文书
保安部任务及岗位职责
2014/02/25 职场文书
房产公证书范本
2014/04/10 职场文书
高一学生期末评语
2014/04/25 职场文书
银行求职自荐信
2014/06/30 职场文书
数学教研活动总结
2014/07/02 职场文书
升国旗演讲稿
2014/09/05 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
工商行政处罚决定书
2015/06/24 职场文书
演讲稿之感恩老师(三篇范文)
2019/09/06 职场文书
入门学习Go的基本语法
2021/07/07 Golang