我不知道如何解决HostListener上的点击事件

Question

大家好，我使用 keyup 事件显示了一个格。每当单击击键事件时，也会使用clickoutside事件，clickoutside事件也会触发。谁能告诉我如何解决此问题？。

使用了HostListener模块。

{this.state.results.map((res, index) => ( 
  <div key={index} className={'activity' + ' ' + [this.state.style]}>
    <p>res.test</p>
  </div>
))}    

Answer 1

您可以检查clicked元素是否为输入，并以此为依据进行逻辑设计

@HostListener('document:click', ['$event'])
cickout(event) {
  if (event.target.tagName == "INPUT") {
    console.log('input is clicked');
  } else {
    // do stuff
  }
}

演示：StackBlitz