www.qjdy.com-奇迹赌场 > 佳美特设计 > 我觉得我们还是有必要积极关注并勇敢地加以实

原标题:我觉得我们还是有必要积极关注并勇敢地加以实

浏览次数:116 时间:2019-09-15

使用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.add伊夫ntListener(visibilityChange伊夫nt, 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

本文由www.qjdy.com-奇迹赌场发布于佳美特设计,转载请注明出处:我觉得我们还是有必要积极关注并勇敢地加以实

关键词: HTML5 mg电子游戏网站

上一篇:未经作者许可

下一篇:没有了