按键上的角度2离子2处理事件

时间:2017-06-19 18:19:48

标签: angular keyboard ionic2

我有一堆离子2卡,我想按一个键(任何键,无关紧要)翻转。代码看起来像

<ion-content padding>
    <ion-card (click)="setTime(7)" *ngIf="status == 'morning'" (keypress)="eventHandler($event)" style="width:80%">
        <img src="https://greatist.com/sites/default/files/Sleeping-Positions-feature.jpg"/>
    </ion-card>
</ion-content>

.ts代码

eventHandler(keyCode){
        alert('hey vikj');
  }

按任意键,我的事件处理程序不会被触发。

2 个答案:

答案 0 :(得分:3)

您可以在输入字段中使用此功能

(keypress)="onChange($event.keyCode)" 

答案 1 :(得分:1)

设置正确,但在开始收听之前,需要关注离子卡。单击卡,然后按一个键,它应该工作。如果您希望焦点在整个页面上,请查看以下问题: Angular 2 | listen for keypress event on whole page