1
Angular Materialドキュメントmd-selectには、キーボードの操作があります:前のオプションを選択するには上矢印、次のオプションを選択するには下矢印、オプションを選択するにはスペース/入力を選択します。このキーボードの操作を無効にする必要があります。それを無効にする方法はありますか?あなたのmd-option
で角度4でmd-selectのキーボード操作を無効にする方法は?
Angular Materialドキュメントmd-selectには、キーボードの操作があります:前のオプションを選択するには上矢印、次のオプションを選択するには下矢印、オプションを選択するにはスペース/入力を選択します。このキーボードの操作を無効にする必要があります。それを無効にする方法はありますか?あなたのmd-option
で角度4でmd-selectのキーボード操作を無効にする方法は?
、(keydown)="$event.stopPropagation()"
を追加します。
<md-select placeholder="Favorite food" >
<md-option *ngFor="let food of foods" [value]="food.value"
(keydown)="$event.stopPropagation()" >
{{ food.viewValue }}
</md-option>
</md-select>
リンクworking demoに。
上記の回答は技術的には正しいですが、アクセシビリティの問題から、キーボードの機能を無効にしないようにしてください。マウスを使用できないユーザーを考えてみましょう。ユーザーはアプリケーションとどのように対話しますか? –