快捷搜索:
来自 新京葡娱乐场网址 2019-06-15 15:49 的文章
当前位置: 67677新澳门手机版 > 新京葡娱乐场网址 > 正文

新京葡娱乐场网址使用html5新特性轻松监听任何

行使h5新天性,轻松监听其余App自带再次来到键

2018/07/03 · HTML5 · H5

初稿出处: 云叔_又拍云   

利用html5新性情轻便监听别的App自带再次回到键的演示,html5app

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", "#"); 
}

是或不是很眼熟?但是重大需要不能够到家兑现,要这段代码有啥用,当时本身也是心劳计绌。直到通过大神死党指点,复制了这段代码

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里的自带重回键,以至安卓的物理重临键,而是经过转移思路,飞快完成须求。希望那个特点能帮到各位。

以上便是本文的全体内容,希望对大家的学习抱有扶助,也愿意大家多多帮助帮客之家。

1、前言 近日h5新特征、新标签、新职业等有广大,而且正在不断完善中,各大浏...

1、前言

现行反革命h5新特征、新标签、新专门的职业等有十分多,而且正在不断完善中,各大浏览器商对它们的帮忙,也是极度给力。作为前端技术员,我觉着大家依旧有至关重要积极关心并大胆地加以执行。接下来笔者将和各位分享二个特别好用的h5新特点(方今也不是特意新),轻巧监听其余App自带的重返键,包含安卓机里的物理再次来到键,从而完毕项目支付中更为的须要。

2、起因

大致7个月前接到pm一急需,用纯h5达成多audio的广播、暂停、续播,页面放至驾考宝典App中,与客户端从未任何的竞相,所以与客户端相关的js不必要引用。看上去那必要挺简单的嘛,纵然事先也没做过类似的需求。不管三七二十一,撸起袖子正是干。开头了深造之旅。

本文由67677新澳门手机版发布于新京葡娱乐场网址,转载请注明出处:新京葡娱乐场网址使用html5新特性轻松监听任何

关键词: