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

来自 网络资讯 2019-04-24 12:32 的文章
当前位置: 澳门威利斯人 > 网络资讯 > 正文

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

动用h伍新特色,轻巧监听别的App自带再次回到键

2018/07/03 · HTML5 · H5

原来的书文出处: 云叔_又拍云   

使用html5新特点轻巧监听其余App自带再次回到键的演示,html五app

1、前言

以往h伍新特色、新标签、新标准等有诸多,而且正在不断完善中,各大浏览器商对它们的支持,也是一定给力。作为前端程序员,小编感到大家依旧有供给积极关切并勇敢地加以施行。接下来作者将和各位分享3个特意好用的h5新特色(最近也不是特地新),轻便监听其余App自带的重临键,包括安卓机里的物理重临键,从而实现项目花费中国和越南社会主义共和国来越的必要。

2、起因

大概四个月前接受pm1供给,用纯h五贯彻多audio的播报、暂停、续播,页面放至驾考宝典App中,与客户端从未其余的交互,所以与客户端相关的js不必要引用。看上去这要求挺轻易的呗,纵然事先也没做过类似的要求。不管三七二十壹,撸起袖子正是干。初叶了深造之旅。

三、作者那边境海关键介绍下本身切实是怎么监听别的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里的自带再次回到键,以致安卓的物理重临键,而是经过转移思路,快凌度成须要。希望那么些特点能帮到各位。

如上就是本文的全体内容,希望对大家的上学抱有补助,也可望我们多多补助帮客之家。

一、前言 近日h5新特征、新标签、新专门的学业等有不少,而且正在不断完善中,各大浏...

1、前言

于今h5新天性、新标签、新专门的学问等有成千上万,而且正在不断完善中,各大浏览器商对它们的支撑,也是卓殊给力。作为前端技术员,小编感到我们照旧有不可缺少积极关怀并大胆地加以实践。接下来我将和各位分享一个特意好用的h5新特点(近期也不是特地新),轻便监听其余App自带的再次回到键,包罗安卓机里的物理重临键,从而完结项目支出中更是的必要。


1、前言

明天h5新性子、新标签、新专门的工作等有很多,而且正在不断完善中,各大浏览器商对它们的支撑,也是格外给力。作为前端程序猿,笔者觉着我们还是有不可或缺积极关怀并大胆地加以推行。接下来作者将和各位分享叁个特地好用的h五新天性(方今也不是尤其新),轻便监听其他App自带的重返键,包涵安卓机里的物理重返键,从而落成项目支出中愈发的必要。

2、起因

大意4个月前收到pm一急需,用纯h5得以达成多audio的播报、暂停、续播,页面放至驾考宝典App中,与客户端从未其余的互动,所以与客户端相关的js不须要引用。看上去那供给挺轻巧的呗,固然在此以前也没做过类似的需要。不管叁柒二10一,撸起袖子正是干。早先了上学之旅。


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

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