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 图片 上一张 下一张 链接效果(续篇)
Apr 20 Javascript
Jquery index()方法 获取相应元素索引值
Oct 12 Javascript
删除节点的jquery代码
Jan 13 Javascript
window.onload追加函数使用示例
Mar 03 Javascript
浅谈JS之tagNaem和nodeName
Sep 13 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
Nov 10 Javascript
js 倒计时(高效率服务器时间同步)
Sep 12 Javascript
详解Axios统一错误处理与后置
Sep 26 Javascript
详解@angular/cli 改变默认启动端口两种方式
Nov 29 Javascript
javascript中call,apply,callee,caller用法实例分析
Jul 24 Javascript
vue setInterval 定时器失效的解决方式
Jul 30 Javascript
layui使用及简单的三级联动实现教程
Dec 01 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中0,null,empty,空,false,字符串关系的详细介绍
2013/06/20 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
JQuery扩展插件Validate 2通过参数设置验证规则
2011/09/05 Javascript
js中继承的几种用法总结(apply,call,prototype)
2013/12/26 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
JavaScript利用HTML DOM进行文档操作的方法
2016/03/28 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
原生JavaScript实现Ajax的方法
2016/04/07 Javascript
node.js中 stream使用教程
2016/08/28 Javascript
vuejs2.0实现一个简单的分页示例
2017/02/22 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
vue-cli实现多页面多路由的示例代码
2018/01/30 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
微信小程序实现单个或多个倒计时功能
2020/11/01 Javascript
通过实例解析js可枚举属性与不可枚举属性
2020/12/02 Javascript
python自动发送测试报告邮件功能的实现
2019/01/22 Python
python求前n个阶乘的和实例
2020/04/02 Python
python cookie反爬处理的实现
2020/11/01 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
HTML5中form如何关闭自动完成功能的方法
2018/07/02 HTML / CSS
测量工程专业求职信
2014/02/24 职场文书
财产保全担保书范文
2014/04/01 职场文书
小学作文评语大全
2014/04/21 职场文书
论文指导教师评语
2014/04/28 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
讲座开场白台词和结束语
2015/05/29 职场文书
暑期社会实践新闻稿
2015/07/17 职场文书
离婚民事起诉状
2015/08/03 职场文书
idea搭建可运行Servlet的Web项目
2021/06/26 Java/Android