☰

マウスイベントの伝播を停止する 質問する

tag-icon • tag-icon angular dom-events event-propagation
マウスイベントの伝播を停止する 質問する

Angular でマウス イベントの伝播を停止する最も簡単な方法は何ですか?

特別な$eventオブジェクトを渡してstopPropagation()自分自身を呼び出す必要がありますか、それとも他の方法がありますか。

たとえば、Meteor では、falseイベント ハンドラーから単純に戻ることができます。

ベストアンサー1

同じコードを何度もコピー/貼り付けせずにこれを任意の要素に追加できるようにしたい場合は、これを行うためのディレクティブを作成できます。以下のように簡単です。

import {Directive, HostListener} from "@angular/core";
    
@Directive({
    selector: "[click-stop-propagation]"
})
export class ClickStopPropagation
{
    @HostListener("click", ["$event"])
    public onClick(event: any): void
    {
        event.stopPropagation();
    }
}

次に、それを必要な要素に追加するだけです。

<div click-stop-propagation>Stop Propagation</div>

おすすめ記事