zoukankan      html  css  js  c++  java
  • 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); }
  • 相关阅读:
    DB2
    Data Queue
    QMQY
    CMD(SA400 Command)
    Software development process
    CSS display样式
    CSS行高line-height解释
    CS和CS3知识点
    HTML图片<img>标签空白解决方法
    CS清除浮动
  • 原文地址:https://www.cnblogs.com/lillian0525/p/7325501.html
Copyright © 2011-2022 走看看