Angular踩坑之路:在Angular中监听键盘事件

最近开始学习angular,看到官网上已经发布到4.0的版本了,目前基于4.0版本开始学习。

最近的工作中需要实现在某一个页面打开时,如果键盘按下特定的键值,页面的显示做出相应的变化。这需要当前页面监听键盘事件。

之前使用jQuery的实现办法:

$(document).keydown(function(event){
    console.log(event.keyCode);
})

现在在Angular2中不想使用jQuery,使用@HostListener

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

......
@HostListener(
'document:keydown', ['$event']) onkeydown(event) { let keyCode=event.keyCode; console.log(keyCode); }
原文地址:https://www.cnblogs.com/lillian0525/p/7325501.html