Angular 2 Keyup.Enter用于DIV标签

Question

我需要按下选定的div Enter键触发一个函数。我写了以下代码，但它不起作用。

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

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

如何按下Div Enter键触发此函数？

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**
        }
    }

Answer 2

查看此答案。如何将键盘事件绑定到划分元素？

使用Tabindex： The tabindex global attribute is an integer indicating if the element can take input focus (is focusable)