微信浏览器 网页开发 监听 《返回》 按钮
来源:互联网 发布:java面向对象经典题目 编辑:程序博客网 时间:2024/05/21 19:48
问题描述:
在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的
需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。
我相信很多朋友像我一样,在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的方法:
首先我们要了解浏览器的history。大家知道在页面中我们可以使用javascript window history,后退到前面页面,但是由于安全原因javascript不允许修改
history里已有的url链接,但可以使用pushState方法往history里增加url链接,并且提供popstate事件监测从history栈里弹出url。既然有提供popstate事件
监测,那么我们就可以进行监听。
返回、后退、上一页按钮点击监听实现代码:
$(function(){ pushHistory(); var bool=false; setTimeout(function(){ bool=true; },1500); window.addEventListener("popstate", function(e) { if(bool) { window.location.href=""; //做自己想做的事情 } pushHistory(); }, false); }); function pushHistory() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#"); }
0 0
- 微信浏览器 网页开发 监听 《返回》 按钮
- 微信浏览器 网页开发 监听 《返回》 按钮
- 微信浏览器左上角返回按钮的监听
- 微信内置浏览器返回按钮监听JS
- 微信浏览器左上角返回按钮的监听
- 监听微信返回按钮事件
- 微信QQ返回按钮监听
- 监听微信返回按钮事件
- 微信自带浏览器对返回键的监听
- 监听手机浏览器的返回按钮事件
- 监控微信浏览器 自带返回按钮时间
- 很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
- 很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
- 很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
- popstata或onpageshow解决微信浏览器点击返回按钮时读取缓存问题
- Android开发监听返回键返回上个网页或者fragment
- 监听浏览器后退按钮
- 监听微信环境中的返回键
- H5_Node6_worker&cache
- thinkphp利用模型通用数据编辑添加和删除实例
- Android如何随时退出程序呢?
- CSS3盒模型之box-sizing
- Log分析
- 微信浏览器 网页开发 监听 《返回》 按钮
- codevs1079回家
- Android四大组件之Activity的四种启动模式
- KOOCAN的影视推荐榜——回顾10月出品的精彩大片
- bzoj 3237: [Ahoi2013]连通图
- MySQL数据库:完整性约束
- POJ 3398 Perfect Service
- CSS3弹性盒模型之box-flex
- decimal,float和double的区别