[解決済み】マウスイベントの伝搬を停止する
2022-03-29 15:10:57
質問
Angularでマウスイベントの伝播を停止させる最も簡単な方法は何ですか?
特別な
$event
オブジェクトを作成し
stopPropagation()
を自分で作るか、何か他の方法があるはずです。
例えばMeteorの場合、単純に
false
をイベントハンドラから取得します。
解決方法は?
同じコードを何度もコピー&ペーストすることなく、任意の要素に追加できるようにしたい場合は、これを実現するためのディレクティブを作成します。以下のように簡単です。
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>
関連
-
[解決済み】本番モードを有効にするには?
-
[解決済み] FormBuilder のプロバイダがない [重複] 。
-
[解決済み] CLIでコンポーネントを削除する最も良い方法は何ですか?
-
[解決済み] Angular2の素材ダイアログに問題あり - @NgModule.entryComponentsに追加しましたか?
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] JavaScriptでsetIntervalの呼び出しを停止する
-
[解決済み] イベントバブリング、キャプチャーとは何ですか?
-
[解決済み] イベントを発生させた要素のIDを取得する
-
[解決済み] Angularでselect要素をオブジェクトにバインドする
-
[解決済み] Angular2の括弧、括弧、アスタリスクの違いは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] node_modules が空になったので、`npm install`を実行する必要があるかもしれない。
-
[解決済み】Angular: オブジェクトをサポートしているdiffが見つからない '[object Object]'
-
[解決済み] NullInjectorError: MatDialogRef 用のプロバイダがありません
-
[解決済み] Angular CLIでコンポーネントの名前を変更する方法は?
-
[解決済み] Uncaught (in promise): Ionic 2でcordova_not_available。
-
[解決済み] CLIでコンポーネントを削除する最も良い方法は何ですか?
-
[解決済み] AngularのngClassとトグルクラスのクリックイベント
-
[解決済み] ローカルのワークスペース・ファイル('angular.json')が見つかりませんでした。しかし、同じコードが別のコンピュータで動作します
-
[解決済み] コンポーネントは2つのモジュールの宣言に含まれる
-
[解決済み] このメソッドをリファクタリングして、認知的複雑度を21から許容される15に下げます。リファクタリングして複雑さを軽減する方法