java 微信隐藏右上角_React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
废话不多说了,直接给大家贴代码了,具体代码如下所示:
/**
* 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);这一句
java 微信隐藏右上角_React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能相关推荐
- 微信小程序点击按钮弹出弹窗_微信小程序实现的点击按钮 弹出底部上拉菜单功能示例...
本文实例讲述了微信小程序实现的点击按钮 弹出底部上拉菜单功能.分享给大家供大家参考,具体如下: index.wxml 弹出action sheet {{item.txt}} 取消 提示:您选择了菜单{ ...
- h5页面禁止复制_网页禁止鼠标右键禁止全选复制粘贴的方法
这篇文章主要为大家详细介绍了网页禁止鼠标右键禁止全选复制粘贴的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 网页禁止鼠标右键禁止全选复制粘贴有很多种JS方 ...
- vue查看pdf,禁止复制文字,禁止页面鼠标右击,禁用F12
vue查看pdf,禁止复制文字,禁止页面右击,禁用F12 1. 问题 2.解决方案 1. 问题 最近在做公司项目的时候,客户提出一个好玩的业务问题,禁止用户打印.复制.下载他们的pdf文件,只能进行在 ...
- html页面禁止右键、禁止复制、禁止图片拖动、禁止复制和剪切禁止IOS长按复制粘贴实现
html实现 页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切 众所周知,一般的屏蔽的方法是用JS来编写的脚本,但是也可以直接通过修改网页属性的方法来屏蔽右键 禁止复制. 禁止右键oncontex ...
- 复习Java第一个项目学生信息管理系统 04(权限管理和动态挂菜单功能) python简单爬数据实例Java面试题三次握手和四次挥手生活【记录一个咸鱼大学生三个月的奋进生活】016
记录一个咸鱼大学生三个月的奋进生活016 复习Java(学生信息管理系统04权限管理和动态挂菜单功能) 改写MainFrame的构造方法 新增LoginFrame的验证登录是否成功的代码 新增Logi ...
- HTML禁止复制粘贴以及禁止下载图片
直接加在html标签中可以实现以下功能 oncontextmenu="return false" :禁止右键 onselectstart="return false&qu ...
- React Js 微信禁止复制链接,分享,禁止隐藏右上角菜单
本文出自: http://blog.csdn.net/wyk304443164 /*** Created by wuyakun on 2017/5/23.*/let wxUtils = {};/*** ...
- 微信屏蔽js分享、复制链接,禁止微信外打开网站
1.屏蔽公众号的复制分享功能 <script type="text/javascript">$(function(){function onBridgeReady() ...
- 微信JS-SDK PHP Demo JS接口安全域名 自定义分享接口 jsapi_ticket
一.JSSDK类定义 <?php class JSSDK {private $appId;private $appSecret;public function __construct($appI ...
最新文章
- 美团面试题:JVM 堆内存溢出后,其他线程是否可继续工作?
- 计算机网络按定义分,计算机网络定义及其分类
- python元素定位id和name_Python Selenium定位html元素|find_element_by_class-name-id-tag-css-xpath-text...
- 谈谈C语言中的杂项运算符
- ecplise安装flowable插件
- Hbase问题汇总与解答
- 使用CPU时间戳进行高精度计时
- CentOS6.5安装python环境
- Facebook是如何大幅提升TLS连接效率的?
- 【bat】批处理中的行,段注释
- html密码查看器,浏览器密码查看工具(WebBrowserPassView)
- 【MOOC】华中科技大学计算机组成原理慕课答案-第二章-数据表示
- FormData兼容性问题
- wifi密码公式计算机,求一些高数公式,做wifi密码用?
- 刘泽云《计量经济学实验教程》笔记
- 乐乐音乐播放器 功能介绍(一)
- ClickHouse在各大厂的最佳实践
- IDEA新建本地项目关联远程本地仓库和git仓库详细步骤
- AES、DES、RSA、base64、MD5、SHA加密
- Java设计模式之外观模式