时间戳

首页 > 解决方案 > Angular 有类似 window.addEventListener 的功能吗？

javascript - Angular 有类似 window.addEventListener 的功能吗？

问题描述

我有一个像下面这样的javascript函数。

window.addEventListener('message', function(event) {
                document.getElementById('mytoken').value = JSON.parse(event.data);

                var token = JSON.parse(event.data);      

                alert('Received message ' + token.message);
                var mytoken = document.getElementById('mytoken');
                mytoken.value = token.message;
                }, false);

我想在 Angular 5 中使用这个脚本，当然，我正在尝试为 Angular 5 找到合适的解决方案。谢谢

标签： javascriptangularangular5

解决方案

使用 HostListener 装饰器

就我个人而言，我喜欢这样做的方式

    import {HostListener, KeyboardEvent} from '@angular/core';

    @Component({...})
    export class MyComponent {

    @HostListener('document:keyup', ['$event'])
    onKeyUp(ev:KeyboardEvent) {
      // do something meaningful with it
      console.log(`The user just pressed ${ev.key}!`);
     }
    }

推荐阅读