利用h5新本性,轻松监听别的App自带重回键

动用h5新性情,轻松监听别的App自带再次回到键

2018/07/03 · HTML5 ·
金沙js333娱乐场,H5

初稿出处:
云叔_又拍云   

选用html5新特色轻松监听其余App自带再次来到键的示范,html5app

1、前言

前几天h5新脾气、新标签、新专业等有成百上千,而且正在不断完善中,各大浏览器商对它们的帮忙,也是一对一给力。作为前端程序员,作者以为大家依然有必不可少积极关心并勇于地加以实施。接下来笔者将和各位分享五个专程好用的h5新特色(最近也不是特意新),轻松监听别的App自带的再次来到键,包涵安卓机里的物理再次来到键,从而达成项目开发中更是的供给。

2、起因

差不多四个月前接受pm一供给,用纯h5贯彻多audio的播放、暂停、续播,页面放至驾考宝典App中,与客户端从未其他的相互,所以与客户端相关的js不须要引用。看上去那需要挺简单的呗,即使事先也没做过类似的急需。不管三七二十一,撸起袖子正是干。开端了读书之旅。

③ 、作者那里首要介绍下作者实际是怎么监听别的App自带的再次回到键,以及安卓机里的物理再次回到键。

那怎么作者要去监听呢,那里自身有须求强调强调再强调。三星手机无论是微信、QQ、App,依然浏览器里,涉及到audio、video,重临上一页系统会活动刹车当前的播报的,但不是独具安卓机都足以。所以大家和好必须自定义监听。很多情侣可能率先设法就是百度,然后出来的答案无非是如此

pushHistory(); 
window.addEventListener("popstate", function(e) { 
    alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 
}, false); 
function pushHistory() { 
    var state = { 
        title: "title", 
        url: "#"
    }; 
    window.history.pushState(state, "title", "#"); 
}

是不是很熟稔?但是主要供给无法完美兑现,要那段代码有何用,当时作者也是狼狈周章。直到通过大神好友指点,复制了那段代码

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);

怀有标题解决。

那段代码的原理小编个人明白正是通过判断用户浏览的是或不是为当前页,从而进行有关操作。

那是
MDN相关链接:

并不是说真的能够透过JS监听到App里的自带返回键,甚至安卓的物理重回键,而是经过变化思路,火速完结要求。希望这一个特点能帮到各位。

上述正是本文的全部内容,希望对我们的学习抱有帮助,也盼望大家多多协助帮客之家。

一 、前言
近期h5新特点、新标签、新专业等有众多,而且正在不断完善中,各大浏…

1、前言

现今h5新特征、新标签、新专业等有成都百货上千,而且正在不断完善中,各大浏览器商对它们的支持,也是特出给力。作为前端程序员,小编觉着大家照旧有须求积极关怀并勇于地加以实施。接下来笔者将和各位分享多少个专门好用的h5新性子(最近也不是专程新),轻松监听别的App自带的重回键,包涵安卓机里的物理重临键,从而达成项目支出中国和越南社会主义共和国来越的须求。


1、前言

当今h5新特点、新标签、新规范等有广大,而且正在不断完善中,各大浏览器商对它们的支撑,也是一对一给力。作为前端程序员,作者认为大家如故有必不可少积极关心并勇敢地加以实施。接下来笔者将和各位分享贰个特意好用的h5新特色(近年来也不是特意新),轻松监听其余App自带的再次回到键,包蕴安卓机里的物理重临键,从而完成项目支出中特别的须求。

2、起因

约莫八个月前接受pm一须要,用纯h5兑现多audio的播放、暂停、续播,页面放至驾考宝典App中,与客户端从未其他的彼此,所以与客户端相关的js不须要引用。看上去那供给挺简单的嘛,尽管此前也没做过类似的须求。不管三七二十一,撸起袖子正是干。开头了读书之旅。


发表评论

电子邮件地址不会被公开。 必填项已用*标注