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 相关文章推荐
Google Suggest ;-) 基于js的动态下拉菜单
Oct 11 Javascript
javascript验证只能输入数字和一个小数点示例
Oct 21 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
JavaScript网页定位详解
Jan 13 Javascript
JS中判断null、undefined与NaN的方法
Mar 26 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
C#实现将一个字符转换为整数
Dec 12 Javascript
一个简单的node.js界面实现方法
Jun 01 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
Jul 10 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
Aug 23 Javascript
解决vue-router路由拦截造成死循环问题
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
SONY ICF-SW55的电路分析
2021/03/02 无线电
PHP学习散记_编码(json_encode 中文不显示)
2011/11/10 PHP
利用PHP fsockopen 模拟POST/GET传送数据的方法
2015/09/22 PHP
在thinkphp5.0路径中实现去除index.php的方式
2019/10/16 PHP
JS实现将人民币金额转换为大写的示例代码
2014/02/13 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
2015/09/23 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
在 Express 中使用模板引擎
2015/12/10 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
js实现自动轮换选项卡
2017/01/13 Javascript
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
vue-cli2.9.3 详细教程
2018/04/23 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
MySQL中表的复制以及大型数据表的备份教程
2015/11/25 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
解决Django中调用keras的模型出现的问题
2019/08/07 Python
Django admin组件的使用
2020/10/24 Python
菲律宾票务网站:StubHub菲律宾
2018/04/21 全球购物
施华洛世奇西班牙官网:SWAROVSKI西班牙
2019/06/06 全球购物
标记环介质访问控制协议
2016/03/27 面试题
孝老爱亲模范事迹材料
2014/05/25 职场文书
商场促销活动总结
2014/07/10 职场文书
校运动会广播稿300字
2014/10/07 职场文书
一年级班主任工作总结2014
2014/11/08 职场文书
2014年档案室工作总结
2014/12/01 职场文书
2014年个人技术工作总结
2014/12/08 职场文书
担保书格式范文
2015/09/22 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
Pytest allure 命令行参数的使用
2021/04/18 Python
windows下快速安装nginx并配置开机自启动的方法
2021/05/11 Servers
JS封装cavans多种滤镜组件
2022/02/15 Javascript
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android