betway必威-betway必威官方网站
做最好的网站

必威官方网站使用html5新特性轻松监听任何App自带

选拔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新特点、新标签、新标准等有好多,而且正在不断完善中,各大浏...

2、起因

大要三个月前接收pm一必要,用纯h5兑现多audio的播音、暂停、续播,页面放至驾考宝典App中,与客商端从未任何的交互,所以与顾客端相关的js无需援引。看上去那需求挺容易的嘛,就算事先也没做过类似的必要。不管三七二十一,撸起袖子正是干。开始了就学之旅。

1、前言

到现在h5新特色、新标签、新专门的学业等有过多,何况正在不断完善中,各大浏览器商对它们的帮衬,也是卓殊给力。作为前端程序猿,作者以为大家依然有须求积极关心并勇于地加以推行。接下来笔者将和各位分享二个特意好用的h5新特征(前段时间亦非特别新),轻巧监听其余App自带的再次来到键,包涵安卓机里的物理再次来到键,进而达成项目费用中国和越南社会主义共和国来越的急需。

本文由betway必威发布于网页设计,转载请注明出处:必威官方网站使用html5新特性轻松监听任何App自带

Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。