钉钉微应用页面-返回事件

最新推荐文章于 2024-02-26 15:42:05 发布

xf_turbo

最新推荐文章于 2024-02-26 15:42:05 发布

阅读量1.3k

点赞数

分类专栏：钉钉-JSAPI 文章标签：前端

本文链接：https://blog.csdn.net/xf_turbo/article/details/110451674

版权

钉钉-JSAPI 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

场景：从Controller方法跳转至跳转页面，在跳转页面获取临时免登授权码，再跳入主页，从主页点击返回直接退出当前页。

跳转页面代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<script src="../js/jquery.js"></script>
<script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js"></script>
<script>
    dd.ready(function () {
        dd.runtime.permission.requestAuthCode({
            corpId: "企业的corpId",
            onSuccess: function (result) {
                var code = result.code;  //获取的免登授权码，用于获取用户id
                if (code != null){
                    window.location.href='需要跳转的地址?code='+code;
                }else{
                    alert("请求失败请重试或联系管理人员")
                }
            }
        });
    });
    dd.ready(function() {
        document.addEventListener('backbutton', function(e) {
            // 在这里处理你的业务逻辑
            e.preventDefault();
            //backbutton事件的默认行为是回退历史记录，如果你想阻止默认的回退行为，那么可以通过preventDefault()实现
        });
    });
</script>
<body>
<h1 style="text-align: center">正在加载,请稍等...</h1>
</body>
</html>

主页面代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js"></script>
</head>
<script type="text/javascript">
/** 回退事件 **/
dd.ready(function() {
    document.addEventListener('backbutton', function(e) {
        // 在这里处理你的业务逻辑
        e.preventDefault();
        dd.biz.navigation.close({
            onSuccess : function(result) {
                alert(JSON.stringify(result));
            },
            onFail : function(err) {}
        })
    });
});
/** 回退事件 **/
</script>
<body>
    欢迎...
</body>
</html>

xf_turbo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
钉钉微应用页面-返回事件

场景：从Controller方法跳转至跳转页面，在跳转页面获取临时免登授权码，再跳入主页，从主页点击返回直接退出当前页。跳转页面代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><script src="../js/jquery.js"></sc
复制链接

扫一扫

专栏目录