七水硫酸亚铁

导航

 

最近开始学习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); }
posted on 2017-08-09 15:20  七水硫酸亚铁  阅读(1614)  评论(0编辑  收藏  举报