H5新特性监听手机的返回键
var hiddenProperty ='hidden' in document ? 'hidden' :'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null;
    var visibilityChangeEvent = hiddenProperty.replace(/hidden/i,'visibilitychange');
    var onVisibilityChange = function () {
         if (document[hiddenProperty]) {
            console.log('页面非激活');
        } else {
            console.log('页面激活' )
        }
    }
    document.addEventListener(visibilityChangeEvent, onVisibilityChange);
这段代码的原理我个人理解就是通过判断用户浏览的是否为当前页,从而进行相关操作。
H5新特性监听手机的返回键的更多相关文章
- JavaScript监听手机物理返回键的两种解决方法
		
JavaScript没有监听物理返回键的API,所以只能使用 popstate 事件监听. 有两个解决办法: 1.返回到指定的页面 pushHistory(); window.addEventList ...
 - VueApp监听手机物理返回键的事件
		
代码 第一步创建js文件夹子 在main里面引用 JS文本内容如下 //监听手机物理返回键的事件 document.addEventListener('plusready', function() ...
 - mui 监听 手机 物理返回键
		
mui.back = function(){ return //禁用物理返回键 也可以写其他逻辑 }
 - 页面返回刷新或H5监听(手机的)返回键
		
1. pushHistory(); window.addEventListener("popstate", function(e) { alert("我监听到了浏览器的返 ...
 - JS监听手机物理返回键,返回到指定页面
		
pushHistory(); window.addEventListener("popstate", function(e) { window.location = data.in ...
 - Html5 监听拦截Android返回键方法详解
		
浏览器窗口有一个history对象,用来保存浏览历史. 如果当前窗口先后访问了三个网址,那么history对象就包括三项,history.length属性等于3. history对象提供了一系列方法, ...
 - 知识点---js监听手机返回键,回到指定界面
		
方法一. $(function(){ pushHistory(); window.addEventListener(“popstate”, function(e) { window.location ...
 - js history对象 手机物理返回键
		
有兴趣的可以了解下history对象,不感兴趣也可以直接跳到手机物理返回键监听部分 使用场景: 场景1:项目中一个表单页面,需得填写验证码,填写验证码后提交,由于使用的form直接提交,没有使用AJA ...
 - js监听手机端点击物理返回键或js监听pc端点击浏览器返回键
		
之前在项目中遇到一个问题,就是在微信网页上面本来是有返回按钮的,但是大多数人都为了方便,会使用安卓手机自带的物理返回键,这个返回键按下后,就会按照你浏览器的栈存储的路径来一层一层返回,就不执行你页面上 ...
 
随机推荐
- SDUT OJ 数据结构实验之二叉树三:统计叶子数
			
数据结构实验之二叉树三:统计叶子数 Time Limit: 1000 ms Memory Limit: 65536 KiB Submit Statistic Discuss Problem Descr ...
 - SDUT OJ 数据结构实验之排序一:一趟快排
			
数据结构实验之排序一:一趟快排 Time Limit: 1000 ms Memory Limit: 65536 KiB Submit Statistic Discuss Problem Descrip ...
 - 1、TensorFlow简介
			
参考:http://www.tensorfly.cn/tfdoc/get_started/basic_usage.html 1.用TensorFlow构造一个简单的线性拟合: # -*- coding ...
 - springcloud微服务总结 zuul
			
一 springcloud网关组件理解: 为什么需要网关呢? 我们知道我们要进入一个服务本身,很明显我们没有特别好的办法,直接输入IP地址+端口号,我们知道这样的做法很糟糕的,这样的做法大有问题,首先 ...
 - shim和polyfill,前端术语
			
最近项目临近发布,JS的bug大都修改完毕,终于进入了我在这家公司实习+入职为数不多的摸鱼时刻.(想想真是有点感人啊) 因为项目要兼容IE8,所以我们的代码里常常要用到 shim 以支持ES5 的相关 ...
 - linux的目录和基本的操作命令
			
目录相关操作:( ctrl+l 清空当前的屏幕中的命令 ) 一:目录说明: . 当前目录.. 上一层目录- 前一个工作目录~ 当前[用户]所在的家目录 蓝色的文件: 都是目录 白 ...
 - day--40    mysql-视图,触发器,存储过程,函数总结
			
视图,触发器,存储过程,函数总结 一:视图 01:介绍 视图是一个虚拟表(非真实存在),是跑到内存中的表,真实表是硬盘上的表,怎么就得到了虚拟表,就是你查询的结果,只不过之 前我们查询出来的虚拟表,从 ...
 - paraview plot over line
 - 113th LeetCode Weekly Contest Reveal Cards In Increasing Order
			
In a deck of cards, every card has a unique integer. You can order the deck in any order you want. ...
 - POJ - 2018 二分+单调子段和
			
依然是学习分析方法的一道题 求一个长度为n的序列中的一个平均值最大且长度不小于L的子段,输出最大平均值 最值问题可二分,从而转变为判定性问题:是否存在长度大于等于L且平均值大于等于mid的字段和 每个 ...