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

来自 澳门威利斯人 2019-04-22 15:17 的文章
当前位置: 澳门威利斯人 > 澳门威利斯人 > 正文

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

利用h5新特色,轻松监听其余App自带再次回到键

2018/07/03 · HTML5 · H5

原作出处: 云叔_又拍云   

应用html五新天性轻巧监听其余App自带再次回到键的演示,html伍app

1、前言

现行反革命h5新性格、新标签、新标准等有数不胜数,而且正在不断完善中,各大浏览器商对它们的协助,也是一定给力。作为前端技师,笔者感到大家照旧有至关重要积极关切并勇敢地加以实施。接下来作者将和各位分享3个越来越好用的h伍新特征(近期也不是专门新),轻巧监听其余App自带的再次回到键,包含安卓机里的物理再次来到键,从而落成项目开拓中愈发的急需。

2、起因

大概7个月前接到pm1需求,用纯h5实现多audio的广播、暂停、续播,页面放至驾考宝典App中,与客户端从未其他的相互,所以与客户端相关的js不须求引用。看上去那须要挺轻易的呗,纵然事先也没做过类似的要求。不管三七二10一,撸起袖子就是干。初步了读书之旅。

三、小编那里根本介绍下本身实际是怎么监听别的App自带的再次来到键,以及安卓机里的物理重临键。

威尼斯人网上娱乐,那怎么作者要去监听呢,那里作者有不能缺少强调重申再重申。苹果手提式有线电话机无论是微信、QQ、App,还是浏览器里,涉及到audio、video,再次回到上1页系统会自动刹车当前的播音的,但不是怀有安卓机都得以。所以大家友好必须自定义监听。诸多有情人可能首先主张正是百度,然后出去的答案无非是这么

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新特色、新标签、新标准等有为数不少,而且正在不断完善中,各大浏览器商对它们的支撑,也是一定给力。作为前端程序猿,笔者感到我们还是有必不可缺积极关心并大胆地加以执行。接下来作者将和各位分享一个更好用的h五新个性(近来也不是专门新),轻松监听其余App自带的再次来到键,包蕴安卓机里的物理重回键,从而落成项目支出中越来越的要求。


1、前言

近年来h伍新特点、新标签、新专门的学业等有诸多,而且正在不断完善中,各大浏览器商对它们的支撑,也是一定给力。作为前端程序猿,我感到大家依然有不能缺少积极关怀并勇敢地加以实行。接下来作者将和各位分享一个专程好用的h5新特色(最近也不是特意新),轻易监听其余App自带的再次回到键,包含安卓机里的物理再次回到键,从而达成项目开荒中更是的供给。

2、起因

大要八个月前接到pm1急需,用纯h5完毕多audio的广播、暂停、续播,页面放至驾考宝典App中,与客户端从未其余的互相,所以与客户端相关的js不需求引用。看上去那须要挺轻易的嘛,即便事先也没做过类似的急需。不管叁7二拾一,撸起袖子正是干。先导了读书之旅。


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

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