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 相关文章推荐
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
JavaScript实现简单图片滚动附源码下载
Jun 17 Javascript
JavaScript获取某年某月的最后一天附截图
Jun 23 Javascript
值得收藏的vuejs安装教程
Nov 21 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
Dec 31 Javascript
Vue2.0用户权限控制解决方案的示例
Feb 10 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
Apr 11 Javascript
详解如何快速配置webpack多入口脚手架
Dec 28 Javascript
Vue Router history模式的配置方法及其原理
May 30 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 Javascript
Vue项目开发常见问题和解决方案总结
Sep 11 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
人族 Terran 基本策略
2020/03/14 星际争霸
php数组分页实现方法
2016/04/30 PHP
PHP简单获取网站百度搜索和搜狗搜索收录量的方法
2016/08/23 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
jQuery动态添加的元素绑定事件处理函数代码
2011/08/02 Javascript
js星星评分效果
2014/07/24 Javascript
jQuery中:last-child选择器用法实例
2014/12/31 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
浅谈js的html元素的父节点,子节点
2016/08/06 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
socket.io学习教程之基础介绍(一)
2017/04/29 Javascript
利用Vue实现移动端图片轮播组件的方法实例
2017/08/23 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
layui form表单提交后实现自动刷新
2019/10/25 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
[00:31]DOTA2上海特级锦标赛 Fnatic战队宣传片
2016/03/04 DOTA
python使用生成器实现可迭代对象
2018/03/20 Python
windows下pycharm安装、创建文件、配置默认模板
2018/07/31 Python
matplotlib实现区域颜色填充
2019/03/18 Python
聊聊python里如何用Borg pattern实现的单例模式
2019/06/06 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
PyTorch中 tensor.detach() 和 tensor.data 的区别详解
2020/01/06 Python
python写文件时覆盖原来的实例方法
2020/07/22 Python
html5中如何将图片的绝对路径转换成文件对象
2018/01/11 HTML / CSS
如何写毕业求职自荐信
2013/11/06 职场文书
中式面点餐厅创业计划书
2014/01/29 职场文书
态度决定一切演讲稿
2014/05/20 职场文书
教师节感恩老师演讲稿
2014/08/28 职场文书
2015年度党风廉政建设工作情况汇报
2015/01/02 职场文书
2015年招生工作总结
2015/05/04 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
Python中的套接字编程是什么?
2021/06/21 Python