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

看看這個答案。 如何將鍵盤事件綁定到div元素？ 。

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

Answer 2

試試這個代碼。 這樣做有幫助。 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**
        }
    }