最终实现混合app仿淘宝app自动识别淘口令第二篇从后台转到前台时自动识别剪贴板内容

最新推荐文章于 2024-06-30 19:01:56 发布

优哉游哉

最新推荐文章于 2024-06-30 19:01:56 发布

阅读量5k

点赞数 1

分类专栏： h5-app

本文链接：https://blog.youkuaiyun.com/YouZaiYouZaia/article/details/78210050

版权

h5-app 专栏收录该内容

5 篇文章

订阅专栏

1，运行环境从后台切换到前台事件”resume”

document.addEventListener("resume", resumeCallback, capture);

说明：

String 类型

当程序从后台切换到前台时会触发此事件。若应用需要处理从后台切换到前台的事件行为，可通过注册事件监听器来监听“resume”事件，此事件需要在plusready事件后通过document进行注册。

示例：

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title>Events Example</title>
    <script type="text/javascript" >
// 扩展API加载完毕后调用onPlusReady回调函数 
document.addEventListener("plusready", onPlusReady, false); 
function onPlusReady(){
    document.addEventListener("resume", onAppReume, false);
}
function onAppReume(){
    alert("Application resumed!"); 
}
    </script>
    </head>
    <body >
    </body>
</html>

以上内容引用自html5+ api文档

http://www.html5plus.org/doc/zh_cn/events.html#plus.Events.%22resume%22

2，和第一篇的启动时获取剪切板拼接实现启动时和从后台唤醒时都获取一次剪贴板。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title></title>
        <script src="js/mui.min.js"></script>
        <link href="css/mui.min.css" rel="stylesheet" />
        <script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <script type="text/javascript">
            mui.init()
            mui.plusReady(function() {
                function copyToClip() {
                    var Context = plus.android.importClass("android.content.Context");
                    var main = plus.android.runtimeMainActivity();
                    var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);
                    return plus.android.invoke(clip, "getText");
                }
                alert(copyToClip())
            });
            document.addEventListener("plusready", onPlusReady, false);

            function onPlusReady() {
                document.addEventListener("resume", onAppReume, false);
            }
            function onAppReume() {
                function copyToClip2() {
                    var Context = plus.android.importClass("android.content.Context");
                    var main = plus.android.runtimeMainActivity();
                    var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);
                    return plus.android.invoke(clip, "getText");
                }
                alert(copyToClip2())
            }
        </script>
    </body>

</html>

感觉傻傻的，同样的代码写了两次，还有plusready也做了两次，先不管，功能先实现了，后面再来优化。

以下是做了判断是否是空的判断，但是还是alert空的出来，但是换成mui.toast就没显示空的出来了

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title></title>
        <script src="js/mui.min.js"></script>
        <link href="css/mui.min.css" rel="stylesheet" />
        <script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body>
        <script type="text/javascript">
            mui.init()
            mui.plusReady(function() {
                function copyToClip() {
                    var Context = plus.android.importClass("android.content.Context");
                    var main = plus.android.runtimeMainActivity();
                    var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);
                    return plus.android.invoke(clip, "getText");
                }
                alert(copyToClip() + "qidong")
            });
            document.addEventListener("plusready", onPlusReady, false);

            function onPlusReady() {
                document.addEventListener("resume", onAppReume, false);
            }

            function onAppReume() {
                function copyToClip2() {
                    var Context = plus.android.importClass("android.content.Context");
                    var main = plus.android.runtimeMainActivity();
                    var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);
                    return plus.android.invoke(clip, "getText");
                }
                if(copyToClip2() !== "" || "defined") {
                    mui.toast(copyToClip2());
                } else {
                    return
                };

            };
        </script>
    </body>

</html>