亚洲城ca88唯一官方网站自在监听别的App自带重临

时间:2019-04-22 15:45来源:亚洲城ca88唯一官方网站
使用h5新特点,轻易监听其余App自带重临键 2018/07/03 · HTML5 ·H5 亚洲城ca88唯一官方网站,初稿出处:云叔_又拍云    选取html伍新特色轻巧监听别的App自带重临键的示范,html伍app 1、前

使用h5新特点,轻易监听其余App自带重临键

2018/07/03 · HTML5 · H5

亚洲城ca88唯一官方网站,初稿出处: 云叔_又拍云   

选取html伍新特色轻巧监听别的App自带重临键的示范,html伍app

1、前言

方今h伍新特点、新标签、新标准等有数不胜数,而且正在不断完善中,各大浏览器商对它们的支撑,也是一定给力。作为前端技士,小编感到我们照旧有不可或缺积极关心并大胆地加以施行。接下来我将和各位分享3个特别好用的h五新特色(近来也不是专门新),轻巧监听别的App自带的重回键,包蕴安卓机里的物理重回键,从而落成项目开采中进一步的须要。

2、起因

大致三个月前接到pm壹必要,用纯h5兑现多audio的播音、暂停、续播,页面放至驾考宝典App中,与客户端从未此外的交互,所以与客户端相关的js不供给引用。看上去那需要挺轻便的呗,纵然事先也没做过类似的急需。不管三7二101,撸起袖子正是干。初步了就学之旅。

3、笔者那边关键介绍下自家切实是怎么监听别的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里的自带重返键,以致安卓的物理重临键,而是通过转变思路,飞快完毕需要。希望以此特点能帮到各位。

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

1、前言 近日h五新特点、新标签、新职业等有无数,而且正在不断完善中,各大浏...

1、前言

最近h5新特点、新标签、新标准等有成都百货上千,而且正在不断完善中,各大浏览器商对它们的支撑,也是一定给力。作为前端技士,小编以为大家照旧有不可缺少积极关切并大胆地加以实践。接下来小编将和各位分享二个专门好用的h伍新特色(目前也不是专程新),轻巧监听其余App自带的再次来到键,包涵安卓机里的物理重返键,从而达成项目开采中国和越南社会主义共和国发的供给。


1、前言

目前h五新特征、新标签、新标准等有众多,而且正在不断完善中,各大浏览器商对它们的支持,也是一定给力。作为前端程序猿,笔者觉着大家依旧有至关重要积极关切并勇敢地加以实行。接下来小编将和各位分享1个特地好用的h伍新天性(近来也不是专门新),轻巧监听其余App自带的重返键,包罗安卓机里的物理再次来到键,从而完毕项目支出中越发的需要。

2、起因

大概七个月前接受pm一须要,用纯h伍贯彻多audio的播报、暂停、续播,页面放至驾考宝典App中,与客户端从未此外的互相,所以与客户端相关的js不须求引用。看上去那需求挺轻巧的呗,即便此前也没做过类似的需求。不管37二十一,撸起袖子正是干。开首了读书之旅。


2、起因

粗粗八个月前接受pm一须求,用纯h伍贯彻多audio的播放、暂停、续播,页面放至驾考宝典App中,与客户端从未其他的竞相,所以与客户端相关的js不供给引用。看上去那须要挺轻巧的呗,固然在此之前也没做过类似的急需。不管三七二10壹,撸起袖子就是干。初始了上学之旅。

三、作者那里关键介绍下自家切实是怎么监听其余App自带的再次来到键,以及安卓机里的物理重返键。


那为啥笔者要去监听呢,那里自身有必要重申重申再强调。苹果手提式无线电话机无论是微信、QQ、App,依旧浏览器里,涉及到audio、video,重回上一页系统会活动刹车当前的播报的,但不是具备安卓机都足以。所以大家和好必须自定义监听。许多情侣或然首先主张便是百度,然后出去的答案无非是那般

亚洲城ca88唯一官方网站 1

是否很熟习?可是重大要求无法周全兑现,要这段代码有何用,当时自家也是冥思遐想。直到通过大神好友指点,复制了那段代码

亚洲城ca88唯一官方网站 2

全部标题化解。

这段代码的规律作者个人领悟正是通过判别用户浏览的是还是不是为当前页,从而进行连锁操作。

那是 MDN相关链接:https://developer.mozilla.org/zh-CN/docs/Web/API/Document/hidden。

并不是说今后实在能够通过JS监听到App里的自带重临键,乃至安卓的物理重返键,而是经过退换思路,神速达成要求。希望以此个性能帮到各位。

3、小编那边最主要介绍下我具体是怎么监听别的App自带的再次回到键,以及安卓机里的物理重临键。

那为啥本身要去监听呢,那里小编有不可缺少重申强调再重申。苹果手提式有线电电话机无论是微信、QQ、App,依然浏览器里,涉及到audio、video,重回上1页系统会自行刹车当前的播音的,但不是全体安卓机都得以。所以大家和好必须自定义监听。好多对象可能率先设法正是百度,然后出来的答案无非是这么

pushHistory(); window.add伊芙ntListener("popstate", function(e) { alert("作者监听到了浏览器的归来按键事件啦");//依照自个儿的要求落成团结的机能 }, false); function pushHistory() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#"); }

1
2
3
4
5
6
7
8
9
10
11
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.add伊芙ntListener(visibilityChange伊芙nt, onVisibilityChange);

1
2
3
4
5
6
7
8
9
10
11
12
13
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相关链接:https://developer.mozilla.org…。

4、手提式有线电话机包容性

鲜明性未来的安卓机系统4.0等皆以领先版了,该属性大多数安卓机都能辨识,个人运动型安卓机不可能辨识,原因在于navigator.userAgent内核版本过低,chrome今后无数是6四 了,所以境遇该难题即使想艺术合营它就好了。

并不是说真的能够通过JS监听到用户对App里的自带重回键的一向操作,乃至安卓的物理重回键,而是通过更动思路,连忙完毕要求。希望以此性格能帮到各位。

1 赞 1 收藏 评论

亚洲城ca88唯一官方网站 3

编辑:亚洲城ca88唯一官方网站 本文来源:亚洲城ca88唯一官方网站自在监听别的App自带重临

关键词: 亚洲城ca88