ハンドルタブイベントの角度2

角度キー2のTabキー押しイベントを処理するにはどうすればよいですか？これを角度のDOCから取得してkeyCodeを取得しました。。ハンドルタブイベントの角度2

import { Component } from '@angular/core'; 

@Component({ 
selector: 'my-app', 
template: `<input (keyup)="onKey($event)"> 
      <p>{{values}}</p>` 
}) 

export class AppComponent { 
    values = ''; 
    onKey(event: any) { 
    this.values += event.keyCode+ ' | '; 
    } 
}

また、これは私が同様の問題を抱えていた角度2

<input ng-keydown="($event.keyCode == 9) && 
     signal('something')" />

出典

2017-02-15 freeNinja

<input (keydown.Tab)="onKey($event)">

出典

2017-02-15 04:14:06

ありがとうございました！ div要素にも使用できますか？ – freeNinja

divがフォーカスイベントとキーボードイベントを受け取れるように、 'tabundex =" 0 "'を追加する必要があります。 –

ありがとうございました！それは私のために働く。 Tabのデフォルトのイベントを防ぐ方法はありますか？ event.preventDefault（）？ – freeNinja

<input (keypress)="someFunction($event.target.value)"/>

出典

2017-02-15 04:47:46

でそれを行うための正しい方法です。私は最初に$eventをテンプレートで使用しようとしましたが、少し読んだ後にhereと表示されています。$eventは、Angularチームが推奨するものではありません（詳細はリンクを参照してください）。テンプレート参照変数を使用することをお勧めします。タブを使用しようとするまでこれは問題なく、@freeNinjaが取得していたものを取得しました。タブは機能しますが、フォーカスをページの上部に向けます。上記のコメントの@GünterZöchbauerの答えは私のために働いた。メソッド呼び出しの後にfalseを追加すると、フォーカスが転送されなくなりました。 (keydown.tab)="saveEntry(i, newCost.value); false

出典

2017-06-21 14:29:56 Hodglem

ハンドルタブイベントの角度2

答えて

関連する問題