keypress上的角度2離子2處理事件

我有一堆離子2卡片，我想按一個按鍵（任何按鍵，沒關係）。代碼看起來像keypress上的角度2離子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'); 
    }

在按下任意鍵，我的事件處理函數不是被解僱。

來源

2017-06-19 Vik

它樹立正確的，你可以在輸入字段中使用此功能，但重點必須是在離子卡片開始收聽之前。點擊卡片，然後按一個鍵，它應該工作。如果你想焦點在整個頁面上看看這個問題：https://stackoverflow.com/questions/37362488/angular-2-listen-for-keypress-event-on-whole-page –

鍵盤將不會所有鍵火（例如backspace）嘗試使用keyup或keydown – CharanRoot

@ Z.Bagley如果你發佈它作爲答案我可以接受它作爲正確答案 – Vik

它設置正確，但重點需要在離子卡開始聽之前。點擊卡片，然後按一個鍵，它應該工作。如果你想重點是整個頁面上籤了這樣一個問題： Angular 2 | listen for keypress event on whole page

來源

2017-06-19 21:51:51

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

來源

2017-11-29 07:54:08

keypress上的角度2離子2處理事件

回答

相關問題