监听返回键,轻松监听任何App自带返回键

应用h5新特点,轻松监听其余App自带重返键

2018/07/03 · HTML5 ·
H5

初稿出处:
云叔_又拍云监听返回键,轻松监听任何App自带返回键。   

1、前言

今日h5新特性、新标签、新专业等有很多,而且正在不断完善中,各大浏览器商对它们的帮助,也是极度给力。作为前端程序员,我以为大家仍旧有要求积极关心并勇于地加以实施。接下来我将和各位分享一个专程好用的h5新特征(目前也不是特意新),轻松监听其他App自带的重回键,包蕴安卓机里的物理重回键,从而达成项目支付中尤为的要求。


使用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新特色、新标签、新规范等有许多,而且正在不断完善中,各大浏…

监听重返键

1、前言

最近h5新特征、新标签、新专业等有过多,而且正在不断完善中,各大浏览器商对它们的扶助,也是一定给力。作为前端程序员,我觉着大家依然有要求积极关心并大胆地加以实施。接下来我将和各位分享一个特意好用的h5新特性(如今也不是特地新),轻松监听其余App自带的重回键,包含安卓机里的物理再次来到键,从而完结项目支出中进一步的必要。

2、起因

大约五个月前接到pm一必要,用纯h5完结多audio的广播、暂停、续播,页面放至驾考宝典App中,与客户端从未其他的并行,所以与客户端相关的js不须要引用。看上去那必要挺简单的呗,固然事先也没做过类似的必要。不管三七二十一,撸起袖子就是干。发轫了读书之旅。


@Override  
    public boolean onKeyDown(int keyCode, KeyEvent event)  
    {  
        if (keyCode == KeyEvent.KEYCODE_BACK )  
        {  
            // 创建退出对话框  
            AlertDialog isExit = new AlertDialog.Builder(this).create();  
            // 设置对话框标题  
            isExit.setTitle("系统提示");  
            // 设置对话框消息  
            isExit.setMessage("确定要退出吗");  
            // 添加选择按钮并注册监听  
            isExit.setButton("确定", listener);  
            isExit.setButton2("取消", listener);  
            // 显示对话框  
            isExit.show();  

        }  

        return false;  

    }  

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website