365bet亚洲版登录-bet官网365入口

365bet亚洲版登录拥有超过百间客房,bet官网365入口的文化历经几十年的传承和积淀形成的核心内容获得业界广泛的认可,365bet亚洲版登录是目前信誉最高的娱乐场所,同国内外几百家网上内容供应商建立了合作关系。

轻易监听别的App自带重回键

动用h5新性格,轻松监听其余App自带再次来到键

2018/07/03 · HTML5 · H5

原稿出处: 云叔_又拍云   

1、前言

到现在h5新特色、新标签、新职业等有众多,何况正在不断完善中,各大浏览器商对它们的支撑,也是特出给力。作为前端工程师,作者认为我们照旧有须求积极关怀并勇于地加以实践。接下来小编将和各位共享一个特意好用的h5新特征(目前亦非极度新),轻巧监听其余App自带的再次来到键,包括安卓机里的物理再次回到键,进而达成项目花费中国和越南社会主义共和国来越的急需。

2、起因

粗粗三个月前接到pm一供给,用纯h5完成多audio的广播、暂停、续播,页面放至驾考宝典App中,与客商端从未别的的相互,所以与顾客端相关的js无需援引。看上去那须要挺简单的呗,尽管此前也没做过类似的须求。不管三七二十一,撸起袖子正是干。开始了深造之旅。

3、小编那边最首要介绍下作者具体是怎么监听别的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", "#"); }

1
2
3
4
5
6
7
8
9
10
11
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);

1
2
3
4
5
6
7
8
9
10
11
12
13
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相关链接:https://developer.mozilla.org…。

4、手提式无线电话机宽容性

放眼今后的安卓机系统4.0等都是豪华型了,该属性大部分安卓机都能辨识,个人豪华型安卓机无法辨别,原因在于navigator.userAgent内核版本过低,chrome现在广大是64+了,所以碰到该难题若是想艺术同盟它就好了。

并不是说实话能够透过JS监听到客商对App里的自带再次来到键的第一手操作,以致安卓的物理重返键,而是经过转移思路,火速达成须求。希望那么些特点能帮到各位。

1 赞 1 收藏 评论

图片 1

本文由365bet亚洲版登录发布于 Web前端,转载请注明出处:轻易监听别的App自带重回键

您可能还会对下面的文章感兴趣: