Angular 2 keyup.enter for div 标签

Question

我需要从按下选定的 div 回车键时触发一个功能。我编写了以下代码，但它不起作用。

<div class="data_card" *ngIf="!Add.showEdit" (keyup.enter)="myfunction($event)">
<!-- Some content -- >
</div>


myfunction($event){
      $event.preventDefault();
      alert("sadsa");
}

如何在按下div回车键时触发此功能？

Answer 1

试试这个代码。这有帮助吗？html

<div class="data_card" *ngIf="!Add.showEdit" (keydown)="handleKeyboardEvent($event)">

//组件

@HostListener('document:keydown', ['$event'])
    handleKeyboardEvent(event: KeyboardEvent): void {
        if (event.keyCode === 13) {
            **// do your code here**
        }
    }