小编N.C*_*ian的帖子

如何监听角度材料表上的 keydown 事件

我想监听角度材料表上的键盘事件来操作选定的行。我尝试过使用该指令:

@Directive({
    selector: '[keyDownAction]'
})
export class KeyDownDirective {
    constructor() {
    }

@HostListener('keydown', ['$event'])
handleClick(event: Event) {
    console.log(event);
}

}
Run Code Online (Sandbox Code Playgroud)

主持人聆听:

  host: { '(keydown)': 'hotkeys($event)' },
Run Code Online (Sandbox Code Playgroud)

并直接:

    <mat-row *matRowDef="let row; columns: displayedColumns; let i=index"
             [focus]="selectedRow==i"
             (click)="clickOnRow(row, $event, i)"
             (dblclick)="dblClickOnRow(row, $event, i)"
             (keydown)="keyDownFunction($event)"
             >
Run Code Online (Sandbox Code Playgroud)

click 和 dblclick 工作的地方。

有人知道解决方法吗?

keyboard-events angular-material angular

1
推荐指数
1
解决办法
2417
查看次数