最近开始学习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); }