我能够使用简单的鼠标和按键事件来检测用户的空闲时间.如下所示.

@HostListener('window:keydown', ['$event'])
@HostListener('window:mousedown', ['$event'])
@HostListener('window:mousewheel', ['$event'])
refreshUserState() {`enter code here`
 clearTimeout(this.userActivity);
 this.setTimeout();
}

这是否会导致任何性能问题,以及使用NG-IDLE相对于此方法的优势?

推荐答案

ng-idle有很多事件和计时器来处理和检测用户是否空闲.这取决于您的项目和要求,如果您need‘ng-空闲*.

最后,您可以使用代码样例来处理它.但仅有鼠标事件/键盘事件不足以检测到每种情况(想想移动设备/touch ).

但归根结底:如果您使用代码而不是ng-idle,基本上不会有性能问题

Javascript相关问答推荐

使用脚本标签时的JSDoc智能感知

如何使用3个部件之间的路由?

使用NgDeliverentOutlet和动态内容投影的Angular 渲染组件

如何从对象嵌套数组的第二级对象中过滤出键

如何解决这个未能在响应上执行json:body stream已读问题?

如何在使用fast-xml-parser构建ML时包括属性值?

窗口.getComputedStyle()在MutationObserver中不起作用

没有输出到带有chrome.Devtools扩展的控制台

字节数组通过echo框架传输到JS blob

Spring boot JSON解析错误:意外字符错误

JSDoc创建并从另一个文件导入类型

JQuery Click事件不适用于动态创建的按钮

以Angular 实现ng-Circle-Progress时出错:模块没有导出的成员

如何创建返回不带`new`关键字的实例的类

如何将数据块添加到d3力有向图中?

使用带有HostBinding的Angular 信号来更新样式?

使用jQuery find()获取元素的属性

输入的值的类型脚本array.排序()

使用createBrowserRoutVS BrowserRouter的Reaction路由

我无法在Api Reaction本机上发出GET请求