微信公众号开发 实现点击返回按钮就返回到聊天界面

2019-11-26,

话不多说,请看代码

pushHistory();
function pushHistory() {
 var state = {
  title: "title",
  url: "#"
 };
 window.history.pushState(state, "title", "#");
}
if (typeof window.addEventListener != "undefined") {
 window.addEventListener("popstate", function (e) {
 WeixinJSBridge.call('closeWindow');
 }, false);
} else {
 window.attachEvent("popstate", function (e) {
 WeixinJSBridge.call('closeWindow');
 });
}
 pushHistory();
 function pushHistory() {
  var state = {
  title: "title",
  url: "#"
  };
  window.history.pushState(state, "title", "#");
 }
 $(function() {
  wx.config({
  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
  appId: '@ViewBag.AppID', // 必填,公众号的唯一标识
  timestamp: '@ViewBag.TimeStamp', // 必填,生成签名的时间戳
  nonceStr: '@ViewBag.NonceStr', // 必填,生成签名的随机串
  signature: '@ViewBag.Signature', // 必填,签名,见附录1
  jsApiList: [
   'checkJsApi',
   'hideOptionMenu',
   'scanQRCode',
   'closeWindow'
   ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
  });
  wx.ready(function() {
  wx.hideOptionMenu();
  });
  if (typeof window.addEventListener != "undefined") {
  window.addEventListener("popstate", function(e) {
   wx.closeWindow();
  }, false);
  } else {
  window.attachEvent("popstate", function(e) {
   wx.closeWindow();
  });
  }
 });

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持北冥有鱼!

您可能感兴趣的文章:

  • Android编程实现自动调整TextView字体大小以适应文字长度的方法
  • android recyclerview模拟聊天界面
  • android Listview模拟聊天界面
  • Android仿微信语音聊天界面设计
  • android仿微信聊天界面 语音录制功能
  • Android仿QQ、微信聊天界面长按提示框效果
  • Android高仿微信聊天界面代码分享
  • Android编程实现泡泡聊天界面实例详解(附源码)
  • IOS 聊天界面(自适应文字)的实现

《微信公众号开发 实现点击返回按钮就返回到聊天界面.doc》

下载本文的Word格式文档,以方便收藏与打印。