javascript-在AngularJS中实现锁屏(监视是否不活动)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-在AngularJS中实现锁屏(监视是否不活动)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1374字，纯文字阅读大概需要2分钟。

内容图文

我想使用Angular.js在我的应用程序中实现锁屏,锁屏只是一条路由和一个HTML模板,其格式要求用户重新输入密码以保持会话活动.

如果某人长时间保持计算机/会话的活动状态,则可以防止滥用该会话.

现在,我希望Angular在X分钟不活动后执行此任务.有任何想法吗？

编辑：
我不要求jQuery函数在X分钟不活动后重新加载页面,否则用户将无法保存他们正在做的事情.

解决方法:

首先需要通过会话在服务器上实现这种功能,以便具有专门知识的人仍无法像以前登录并在应用程序中处于活动状态的人那样发出请求.

Now I want my Angular to perform this task after X minutes of inactivity. Any ideas?

在Angular中,您可以每隔n ms使用$interval service执行一次任务.但是,没有简单的方法来捕获文档中发生的所有事件,例如,这大概就是您将如何确定用户是否离开了自己的计算机或跳出应用程序的方式.

一个简单的替代方案将是watch for mouse movement.以下是适用于Angular生态系统的答案：

[See it working in a JSFiddle.]

的HTML

<div ng-app>
    <div ng-controller="IdleWatch">
        <span ng-show="!isIdle()">User not idle</span>
        <span ng-show="isIdle()">User idle</span>
    </div>
</div>

的JavaScript

function IdleWatch ($scope, $interval, $document) {
    var int = null;
    var callbacks = [];
    var idleTime = 0;

    $scope.isIdle = function() {
        return (idleTime > 0);
    };

    angular.element($document).bind('mousemove', function(e) {
        idleTime = 0;
        $interval.cancel(int);
        startInterval();
        $scope.$apply();
    });

    function startInterval() {
        int = $interval(function() {
            idleTime += 3000;
        }, 3000);
    }

    startInterval();
}

内容总结

以上是互联网集市为您收集整理的javascript-在AngularJS中实现锁屏(监视是否不活动)全部内容，希望文章能够帮你解决javascript-在AngularJS中实现锁屏(监视是否不活动)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端