最近忙しくてなかなか更新できませんでしたが。。。
Angular6でエンターを押した後に処理を追加したかったのでそれを実装する方法を探してみました
javascript単体だとコードがちょい長くなってしまいますが、Angularを使うとやはり短くてコンパクトでわかりやすくなりますね
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
//html <input (keydown)="onKeydown($event)"> //Typescript onKeydown(event) { if (event.key === "Enter") { console.log(event); } } // その他のキーイベント <input (keydown.enter)="..."> <input (keydown.a)="..."> <input (keydown.esc)="..."> <input (keydown.shift.esc)="..."> <input (keydown.control)="..."> <input (keydown.alt)="..."> <input (keydown.meta)="..."> <input (keydown.9)="..."> <input (keydown.tab)="..."> <input (keydown.backspace)="..."> <input (keydown.arrowup)="..."> <input (keydown.shift.arrowdown)="..."> <input (keydown.shift.control.z)="..."> <input (keydown.f4)="..."> |
参考リンク
Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events
