新闻热点

当前位置:mg游戏平台手机版 > 新闻热点 > mg游戏平台手机版从而实现项目开发中进一步的需

mg游戏平台手机版从而实现项目开发中进一步的需

来源:http://www.alcandaskincare.com 作者:mg游戏平台手机版 时间:2019-10-11 10:08

使用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(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 收藏 评论

mg游戏平台手机版 1

本文由mg游戏平台手机版发布于新闻热点,转载请注明出处:mg游戏平台手机版从而实现项目开发中进一步的需

关键词: