角2：focusinとfocusoutは1つのイベントにできますか？

Question

focusinとfocusoutは1つのイベントに含めることができますか？それは何と呼ばれていますか？ そうでない場合は、これを1つの関数でマージする方法はありますか？

hide(e:any) { 
 
    $('.suggestion').hide(); 
 
} 
 
show(e:any) { 
 
    $('.suggestion').show(); 
 
}

<section class="search-bar-wrapper" (focusout)="hide($event)" (focusin)="show($event)">

Answer 1

まず最初は、あなたがそれがフォーカスイベントを取得できるようにすることsectionにtabindex属性を追加する必要があります。それ以外の場合は、フォーカスイベントを取得しません。

要素がフォーカス可能なときにフォーカスイベントが発生します。要素をクリックするたびに常にフォーカスが得られ、要素の外側をクリックするだけでフォーカスを削除できます。したがって、同じ要素のイベントclickにフォーカスを移動することはできません。

focusとfocusout両方あなたがコンポーネントを使用でき

casSee: boolean = false; 

show(e: any) { 
    this.canSee = true; 
} 
hide(e: any) { 
    this.canSee = false; 
} 

Answer 2

のクラスでも*ngIf

<section class="search-bar-wrapper" tabindex="-1" (focus)="show($event)" (focusout)="hide($event)"> 

<div class="suggestion" *ngIf="canSee">This is a suggestion</div> 

を使用することができ、我々は彼らに

をマージすることはできません別のイベントです(focus)角度2/4の(focusout)。