用于 div 标签的 Angular 2 keyup.enter

Question

我需要从选定的 div 输入键触发一个功能。我写了下面的代码，但它不起作用。

<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

看看这个答案。如何将键盘事件绑定到 div 元素？.

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