澳门威利斯人_威利斯人娱乐「手机版」

来自 办公软件 2019-04-28 01:54 的文章
当前位置: 澳门威利斯人 > 办公软件 > 正文

使用html5新特性轻松监听任何App自带返回键的示例

运用h伍新特点,轻巧监听别的App自带重临键

2018/07/03 · HTML5 · H5

原作出处: 云叔_又拍云   

采取html5新特色轻巧监听别的App自带再次来到键的示范,html5app

1、前言

最近h5新特征、新标签、新标准等有过多,而且正在不断完善中,各大浏览器商对它们的帮忙,也是一定给力。作为前端程序猿,笔者觉着我们依然有供给积极关切并勇敢地加以施行。接下来我将和各位分享四个特地好用的h5新特色(方今也不是越发新),轻巧监听别的App自带的重回键,包罗安卓机里的物理再次回到键,从而落成项目支出中越发的供给。

2、起因

大致五个月前收到pm1须求,用纯h伍得以达成多audio的播报、暂停、续播,页面放至驾考宝典App中,与客户端从未其余的相互,所以与客户端相关的js不要求引用。看上去那须要挺简单的呗,即使在此之前也没做过类似的急需。不管37二十1,撸起袖子便是干。早先了深造之旅。

三、小编那里关键介绍下自身实际是怎么监听别的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里的自带重返键,以至安卓的物理重临键,而是通过改动思路,急忙完成须要。希望以此脾品质帮到各位。

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

一、前言 近期h伍新特色、新标签、新标准等有众多,而且正在不断完善中,各大浏...

1、前言

当今h伍新特征、新标签、新专门的职业等有诸多,而且正在不断完善中,各大浏览器商对它们的扶助,也是一对一给力。作为前端程序猿,作者觉着咱们照旧有要求积极关注并勇敢地加以推行。接下来作者将和各位分享叁个专程好用的h5新天性(近来也不是特意新),轻松监听其余App自带的重返键,包涵安卓机里的物理再次来到键,从而实现项目支出中越发的需要。


1、前言

当今h伍新性格、新标签、新专门的职业等有无尽,而且正在不断完善中,各大浏览器商对它们的支撑,也是①对1给力。作为前端程序员,作者感到我们依然有供给积极关切并勇于地加以实践。接下来作者将和各位分享三个越来越好用的h五新特征(近日也不是专门新),轻便监听其余App自带的再次来到键,包涵安卓机里的物理再次回到键,从而完结项目成本中尤其的急需。

2、起因

大概八个月前接收pm一要求,用纯h五达成多audio的播音、暂停、续播,页面放至驾考宝典App中,与客户端从未别的的互相,所以与客户端相关的js不需求引用。看上去那供给挺轻松的呗,即便从前也没做过类似的需要。不管三7二拾壹,撸起袖子就是干。起首了读书之旅。


本文由澳门威利斯人发布于办公软件,转载请注明出处:使用html5新特性轻松监听任何App自带返回键的示例

关键词: 澳门威利斯人 日记本 HTML5 Web前端之路